マークアップの練習
練習教材で、マークアップの練習を行い、サーバーにアップロードするところまで
実際に行いました。
検証ツールでスタイルの変更をを行い、更新しました。
リセットCSSついて
ブラウザは初期状態でタグ単位のデフォルトのスタイルシートを持っています。
このデフォルトのスタイルシートの内容はブラウザによって異なるためブラウザ環境を変更すると意図しない表示になることがあります。このような現象を防ぐために使用するのがリセット CSS です。
リセット CSS は、ブラウザが持っているスタイルシートをリセット（クリア）するためのスタイルシートですがリセットする範囲はコーディングスタイルに依存するため、これが正解というリセット CSS は存在しません。
セレクタの得点について
セレクタには優先順位があり点数計算をして高得点のものが採用されます。
同じ得点の場合は後ろに書いてあるものが採用されます。
点数計算の結果によっては前に書いてあるセレクタが採用されてしまうことがありますので意図したスタイルにならない時は点数を確認。
Chrome検証ツールについて
ブラウザに表示されるWebページの設定情報を参照したり、想定通りに表示されない場合の調査には、Chrome の検証ツールの使用が有効です。また、スマートフォンやタブレットでの表示型式を確認することもできます。
色々な端末のスマホの画面でも確認することができます。
検証ツールをもっと触って変更できるようにしたいです。
コメント