□ルール
@media
| 出力メディアの特定
@import
| 外部スタイルシートの参照
@charset
| スタイルシートの文字コードセット
@page
| ページメディアに関する詳細設定
@font-face
| フォントに関する詳細設定
□セレクタ
シンプルセレクタ-simple
selectorセレクタ-
selector | 結合子（空白、＞、＋）で１つ以上のシンプルセレクタが連結したもの
全称セレクタ-Universal
selector（*）
| すべての要素にスタイルを適用
要素セレクタ-Type
selectors（要素名）
| その要素にスタイルを適用
子孫セレクタ-Descendant
selectors（E F）
| 親要素（E）に含まれるすべての子孫要素（F）にスタイルを適用
子供セレクタ-Child
selectors（E > F）
| 親要素（E）の直接の子要素（F）にスタイルを適用
隣接兄弟セレクタ-Adjacent sibling
selectors（E + F）
| 兄要素（E）の直後の弟要素（F）にスタイルを適用
クラスセレクタ-Class
selectors（.class名）
| 文書内で複数の要素にスタイルを適用
一意セレクタ-ID
selectors（#id名）
| 文書内で唯一の要素にスタイルを適用
□属性セレクタ Attribute
selectors
要素名[属性値]
| 要素のなかでもその属性名をもつ要素に対してスタイルを適用
要素名[属性名="属性値"]
| 要素のなかでもその属性名と属性値をもつ要素に対してスタイルを適用
要素名[属性名~="属性値"]
| 要素のなかでもその属性名をもち、
| 属性値が空白文字区切りで複数指定されている場合に、
| その属性値が含まれている要素にスタイルを適用
要素名[属性名|="属性値"]
| 要素のなかでもその属性名をもち、
| 属性値がハイフン（-）区切りで複数指定されている場合に、
| その属性値が前方一致で含まれている要素にスタイルを適用
□擬似クラス Pseudo-classes
:first-child
| 親要素の範囲内で最初に登場する子要素のみにスタイルを適用
:link
| 未訪問リンク（まだ開いたことがないページへのリンク）に適用
:visited
| 既訪問リンク（すでに開いたことがあるページへのリンク）に適用
□ダイナミック擬似クラス Pseudo-classes
:hover
| 要素がカーソルなどのポインティングデバイスで指し示されているが、
| アクティブな状態ではないときに適用
:active
| 要素がアクティブな状態のときに適用
:focus
| 要素がフォーカスを受けているときに適用
:lang()
| 要素のなかでも特定の言語コードが指定されている要素に対してスタイルを適用
□擬似要素 Pseudo-elements
:first-line 要素の一行目のみにスタイルを適用
:first-letter 要素の一文字目のみにスタイルを適用
:before 要素に含まれる内容の前に内容を生成
:after 要素に含まれる内容の後に内容を生成
ref:
CYBER@GARDEN
http://www.cybergarden.net/references/css/
サイト作成における問題
http://www.rju666.com/web/reference/make_css.html
