外部の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
*=0
要素タイプ=1
class=10
id=100

(例)div#header h1 → 1+100+1=102
   p.moveto span a→ 1+10+1+1=13