0809_授業_レスポンシブ

課題01の下層ページの残りの作成
・コードを検索するときは「⌘F」
・大規模なHPを作成するときはページをフォルダで分ける
・コンポーネント→1つのまとまり、使いまわせる
・ページ内でのリンクの仕方
・擬似クラス→「:」
・擬似要素→「::」マークを表示するときに使う。htmlに書き込むと選択されるがCSSで書くと選択されない。同時に訂正できる。

レスポンシブ
・ブレイクポイント→画面が切り替わるところ
・1カラムにする
・ ビューポート【viewport】
meta name="viewport" content="width=device-width, initial-scale=1"
→いい感じに縮んでくれる記述
・メディアクエリ
@media screen and (max-width: 768px) 
→ブレイクポイントで切り替わるCSSの記述
・max（未満）PC→スマホ
・mini（以上）スマホ→PC
・ブレイクポイントは2つくらい

やること
☆課題01のレスポンシブをする
☆課題02の残りの動画を見る