CSSページの導入方法
外側鎖（headタグ内）
<リンクのrel =「スタイルのhref =」。1.css」」>
1.cssファイルは次のよう
DIV {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
書込みヘッドスタイルタグ、（同じスタイルタグ中の式のアウトリーチを書き込む）ことによって埋め込み
<スタイル>
DIV {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
（体内）インラインは非常に重要であるセミコロン
<divのスタイル= "幅：200PS：高さ：200PS：その背景色：赤">の<div>
そして、推奨~~~~アウトリーチを埋め込みます
優先度：近い要素を、高いです
CSSセレクタ
ラベルセレクタ要素は、ラベルによって提供され
IDセレクタは、内部のラベルIDを追加することで、IDを繰り返すことはできません！
クラスセレクタ、ほとんどのアプリケーション
注：/ *ここにコメントを書きます* /
タグセレクタは、divタグにより、すべてのdivタグに影響を与えます
<スタイル>
DIV {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
クラス名でスタイルクラスへのクラスセレクタ
のボディにクラス名を追加するための最初のdivタグ
<DIV CLASS =「iteam」> </ div>
そして、記録ヘッド###に埋め込ま参照クラス、特定の時点の前に、クラスは、複数の要素に適用することができます
<スタイル
.tieam {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
要素は、複数のクラス名を使用することができます
<DIV CLASS =「iteam iteam3」> </ div>
セレクタID、IDスタイリング
まず、divタグ本体のIDを追加
<DIV ID =「iteam2」> </ div>
埋め込まれたリード###のIDを書き込むことが頭その後、彼らは、前にのみIDを＃を持っている必要があります
<スタイル>
＃iteam1 {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
優先順位：より大きな範囲、より小さな優先：ID>クラス>タグ
タイプを混合、セットはサブクラス親属性選択レベルセレクタ、ID、検索するための要素を設定する要素
（以下は、クラスセレクタで選択されたラベルです）
まず、ボディ
<divのクラス：「ラップ」> </ div>
<div> </ div>
そして、headタグに埋め込まれ
<スタイル
.wrapのDIV {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
（以下は、クラスは、クラスセレクタのセレクタです）
<divのクラス：「ラップ」> </ div>
<divのクラス：「WRAP2」> </ div>
----------------------------------------------
<スタイル
.wrap .warp2 {
幅：200pxの：
高さ：200pxの：
backgr色：赤
}
</スタイル>
同様にセレクタデバイスに選択したクラスIDを、
パラレルセレクタ、複数の要素が同じスタイルを配置、参照土類元素の中央は、カンマで区切られ
<divのクラス：「HHH」> </ div>
<divのクラス：「GGG」> </ div>
<divのクラス：「VVV」> </ div>
その幅と高さが200に設定します
<スタイル
.hhh、GGG、VVV {
幅：200pxの：
高さ：200pxの：
}
</スタイル>
疑似クラスセレクタ
設定しホバー状態要素
<divのクラス：「QQQ」> </ div>
----------------------------------------
<スタイル>（正常状態）
.qqq;ホバー{
幅：200pxの：
高さ：200pxの：
}
</スタイル>
<スタイル
.qqq;ホバー{（マウスオーバー状態、小さいです）
幅：111px：
高さ：111px：
}
</スタイル>