HTML＋CSSのこと

【HTML+CSS】1カラムレイアウト【準備編】

HTML

構想

画面サイズが大きくても小さくても同じようにみえるやつ
画面縮小しても横スクロールしない
和風な感じのがいい

1カラムレイアウト（PCでみたとき） — PCでみたときのレイアウト

1カラムレイアウト（スマホでみたとき） — スマホでみたときのレイアウト

カラーパレット

■背景
墨：#1C1C1C　RGB：28, 28, 28
■文字色
胡粉：#FFFFFB　RGB：255, 255, 251

フォント

英語フォントは「Google Fonts」からとってくる。
日本語フォントは「Google Fonts+Japanese」からとってくる。

Google Fontsを準備

Google Font使い方１ — ①検索したり、一覧から探して使いたいフォントを選択する

Google Font使い方２ — ②使いたいフォントのスタイルを選ぶ。（文字の大きさの確認もここでできる）

Google Font使い方３ — ③選択したフォントの一覧を確認する。複数選択することもできる。

④EnbedタブでHTMLに記述するための<link>宣言タグと、CSSで設定するためのコードがコピーできる

Google Fonts+Japanegeを準備

①使いたいフォントを選ぶ

②HTMLに記述するための宣言タグと、CSSで設定するためのコードがコピーできる