外部のCSSファイルを読み込む
media属性は、携帯電話などに重い画像が表示されないように「PC画面用」と「印刷用」を記述します。
CSSの{}
波括弧(なみかっこ)は、ブレース・ブレイス (brace) および カーリーブラケット (curly bracket) ・カール (curl) とも言う。リンクの指定
a:link { /*(未訪問)*/color: #0000FE;
}
a:visited { /*(訪問済み)*/
color: #880088;
}
a:hover { /*(カーソルがリンクに重なったとき)*/
color: #FF6600;
}
a:active { /*(リンクに対してアクティブな瞬間)」*/
color: #FF0000;
}
スタイルの優先順位
低← →高・要素名で指定⇒classで指定⇒idで指定⇒!importantを指定したCSS
・ブラウザの初期設定⇒ユーザーが指定したスタイル⇒制作者が指定したスタイル⇒!importantありのユーザが指定したスタイル
スタイルの特殊性(specificity)
* < 要素タイプ < class < id |
要素タイプ=1
class=10
id=100
(例)div#header h1 → 1+100+1=102
p.moveto span a→ 1+10+1+1=13