まとめサイト】
- HTMLとCSSの基礎をまとめたサイト
https://samplesdl.me/training_html-css/
【動画】
- CSSの記述方法とプロパティ・検証ツールの活用
https://youtu.be/j-LrqX5K9SM（6分43秒）
リセットCSSついて
ブラウザは初期状態でタグ単位のデフォルトのスタイルシートを持っている。このデフォルトのスタイルシートの内容はブラウザによって異なるためブラウザ環境を変更すると意図しない表示になることがある。このような現象を防ぐために使用するのがリセット CSS 。
リセット CSS は、ブラウザが持っているスタイルシートをリセット（クリア）するためのスタイルシートだが、リセットする範囲はコーディングスタイルに依存するため、これが正解というリセット CSS は存在しない。各自のコーディングスタイルに合わせて適時変更しよう。
セレクタの得点について
セレクタには優先順位があり点数計算をして高得点のものが採用される。同じ得点の場合は後ろに書いてあるものが採用される。点数計算の結果によっては前に書いてあるセレクタが採用されてしまうことがあるので意図したスタイルにならない時は点数を確認しよう。
Chrome検証ツールについて
ブラウザに表示されるWebページの設定情報を参照したり、想定通りに表示されない場合の調査には、Chrome の検証ツールの使用が有効。また、スマートフォンやタブレットでの表示型式を確認することもできる。