-本日のアジェンダ-
1限目
学科 CSS基礎④
CSSの優先順位と得点
2限目
学科 CSS基礎④
ボックスモデルについて
3限目
学科 CSS基礎④
marginについて
4限目
学科 CSS基礎④
floatのまとめ
5限目
学科 CSS基礎④
実践トレーニング
本日のテーマ
CSSについて知識を深めましょう
CSSの優先順位
◆css ３つの書き方
http://www.htmq.com/csskihon/004.shtml
①<link>要素で外部CSSファイルを呼び出して適用する
②<style>要素で文書単位に適用する
③要素にstyle属性を追加して局所的に適用する
③＞②＞①の順で優先される◆後から読み込まれたスタイルが優先される
◆セレクタの種類による優先順位
・idセレクタやclassセレクタなどの具体的・局所的なセレクタは、タイプセレクタや全称セレクタのような全般的なセレクタより優先される
・idセレクタはclassセレクタより優先され、タイプセレクタは全称セレクタより優先される（idセレクタ > classセレクタ > タイプセレクタ > 全称セレクタ）
・要素を特定したidセレクタ・classセレクタは、要素を特定しないidセレクタ・classセレクタより優先される
・優先順位が同じになった場合は、最後に指定したスタイルが適用される
・!importantを付けると最優先される
* ＜ div ＜ class（全般＜特定） ＜ id（全般＜特定）