CSS基礎・マークアップの練習
リセットCSS
ブラウザのデフォルトのスタイルシートをリセットするためのCSS。
デフォルトのスタイルシートの内容はブラウザによって異なるため、ブラウザ環境を変更すると意図しない表示になることがある。このような現象を防ぐために使用する。
- 自分のコーディングスタイルやデザインの流行に合わせて独自のリセットCSSを作成する
- リセットCSSを別ファイルで用意して取り込む場合には、通常のCSSよりも前の行に記述する
セレクタの得点
セレクタには優先順位があり、点数計算をして高得点のものが採用される。
同じ得点の場合は後ろに書いてあるものが採用される。
Chrome検証ツールの主な使い方
- Webページの設定情報の参照
- 想定通りに表示されない場合の調査
- スマートフォンやタブレットでの表示型式の確認
- Webページ全体のキャプチャをとる


