----
セレクタタイプ：
タグセレクタ：
重量：1。
タグのこのタイプに役割を果たします、ラベルの種類を確認し、タグ名はブレース上に書かれて置きたいです。
<P> P1 </ P>
<P> P2 </ P>
<P> P3 </ P>
<P> P4 </ P>
<P> P5 </ P>
<P> P6 </ P>
2ワイルドカード選択：
体重1;
記号*
* {
マージン：0;パディング：0。
}
クラスセレクタ3：
重量：10
名前を誰に：それは、その開始タグにクラス=「名前」に書かれている、スタイルを選択したときに、シンボル+名前で。
例：
< スタイル> ■は{ 背景色：ライトグリーン。 } </ スタイル> < ボディ> < p個のクラス= "ボックス" > P1 </ P > < P クラス= "ボックス" > P2 </ P > < P クラス= "ボックス" > P3 </ P > < P > P4 </ P > <</ P > < P > P6 </ P > </ ボディ>
セレクタ4属性：
重量：10;
あなたは{私たちが選択したときのシンボルで、特定の属性の機能を持つ要素のクラスを作成したい[プロパティ]} +
特定の属性を持つようにしたい、とクラスとして作用する要素の属性値を、選択された場合、[プロパティ値]} + {
<スタイル>
[インデックス] {
背景色：lightsteelblue。
}
[インデックス= "A1"] {
背景：赤。
}
</スタイル>
<BODY>
<Pインデックス= "A1"> P1 </ P>
<Pインデックス= "A1"> P2 </ P>
<Pインデックス= "B1"> P3 </ P>
<P> P4 </ P>
<P> P5 </ P>
<P> P6 </ P>
</ BODY>
5 IDセレクタ
重量：100;
用法：名前を誰記号「＃名+ {}」と、選択されたときに「ID =名」が書き込まれるラベルを与えます
注：ページ名のIDは同じにすることはできません
例：
< スタイル> ＃P4を{ 背景色：mediumaquamarine 。 } </ スタイル> < P ID = "P4" > P4 </ P >
6子セレクタ：
重量：和からなるセレクタ：
言って人気：それはあります。例えば、「ソンセレクタ」、コネクタ「>」：UL>李{}息子すべての要素は、以下の選択されたアップリンクのLiで表されます。
注意：のみ見下ろします。
■は> H1 {
背景：赤。
}
DIV> H1 {
背景：緑;
}
<DIV CLASS = "ボックス">
<P> P1 </ P>
<スパン>スパン</スパン>
<H1> H1 </ H1>
<H1> H1 </ H1>
<H1> H1 </ H1>
< / DIV>
<H1> H1 </ H1>
7個の子孫のセレクター：
重さ：選択との組み合わせ：
子供や孫は、限り、将来の世代として、ラインです。
例：
< スタイル> ■はpを{ 背景：mediumaquamarine 。 } </ スタイル> < 身体> < divのクラス= "ボックス" > < P > P1 </ P > < divの> < P > P2 </ P > </ DIV > </ DIV > < P > P3 </ P > <
バンクセレクタ8：
重量：のセレクタ合計：
要素は、そのスタイルが共有され、分離「」、同じスタイルを持って抽出することができ、その後、使用しています。
コネクタ:,
例：
H1、P {
テキスト整列：センター。
高さ：30px;
行の高さ：30px;
背景：緑;
}
9交差点セレクター：
重量：セレクタ和
要素が同時に複数の名前を持っている、あなたは、例えば、次のコードを選択し、H1を選択して、DIVであることができます。
.red.current {
フォントサイズ：28px;
カラー：ゴールド;
}
<H1 CLASS = "赤現在"> H1 </ H1>
<Pクラス= "赤"> P </ P>
<DIV CLASS = "赤現在"> DIV </ div>
10隣接兄弟セレクタ：
重量：すべてのセレクタの合計：
この意味の代わりにH1 + P {}は、第H1タグ、H1タグ次の兄弟、及びH1タグの隣に移動することであるpタグのルールと一致しなければなりません
唯一のダウン。
コネクタ：+
<スタイル>
H1 + P {
背景：ライトグリーン。
}
</スタイル>
<H1> H1 </ H1>
<P> P </ P>
<P> P </ P>
<H1> H1 </ H1>
の<div> DIV </ div>
<P> P < / P>
一般兄弟セレクタ11：
重量：すべてのセレクタの合計
H1〜P {}次の要素H1の全てで表される意味は、Pタグです。
ハイフン -
<スタイル>
P〜のH1 {
背景：ライトグリーン;
}
</スタイル>
<P> P </ P> // このオプションはしていない
<P> P </ P> // このオプションはしていない
/ <<H1> H1 >のH1
<P> P </ P>
<P> P </ P>
の</ H1の> H1の<H1>
の<div> DIV </ div>
<P> P </ P>
擬似クラスセレクタ12：
そこ一定の順序がありますが、ただ,,遵守することを忘れないでください：ホバー（）することができ、および他のいくつかのあまり一般的で、そこにある互換性の問題を。
<スタイル>
/ *ラベルのデフォルトのテキストの色* /
：リンク{
色：赤;
}
/後* /アクセス*テキストの色
：は{訪れ
色：ブルー;
}
マウスに/ *テキストの色スライディング* /
：ホバー{
色：ゴールド;
}
/ *ときクリックされたテキストの色* /
：{アクティブ
色：NavajoWhite;
}
</スタイル>
13
全表1：あっTHEAD、TBODY、TFOOT、TD TRとセルの行によって表されていません
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタのcharset = 'UTF-8'>
<メタ名= 'キーワード'コンテンツ= '关键词'>
<メタ名= '説明'コンテンツ= '描述的文字'>
<タイトル>テーブル</タイトル>
</ head>
<body>
<テーブル境界= "1">
<キャプション>成绩表</キャプション>
<THEAD>
<TR>
<TH>语文</番目>
<TH>数学</番目>
<TH>外语</番目>
</ TR>
</ THEAD>
<TBODY>
<TR>
<TD> 100 </ TD>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
<TR>
<TD> 100 </ TD>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
<TR>
<TD> 100 </ TD>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
</ TBODY>
<TFOOT>
<TR>
<TD>合计</ TD>
<TD>合计</ TD>
<TD>合计</ TD>
< / TR>
</ TFOOT>
</ TABLE>
</ BODY>
</ HTML>
12テーブルの速記：
<！DOCTYPE HTML>
<HTML>
<HEAD>
<METAのcharset = "UTF-8「>
<META NAME ="キーワード"コンテンツ= 'キーワード'>
<META NAME ="説明「コンテンツ=」テキスト記述APOS>
<タイトル>表合流ライン：ROWSPAN </タイトル>
<スタイル>
表{
幅：500pxなど;
高さ：300ピクセルによって;
ボーダー崩壊：崩壊;
}
</スタイル>
</ head>
<body>
<テーブル境界=」1。 「>
<TR>
<TH>言語</目>
<TH>数学</目>
<TH>言語</目>
</ TR>
<TR>
<TD ROWSPAN = "2"> 100 </ TD>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
<TR>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
<TR>
<TD> 100 </ TD>
<TD> 100 </ TD>
<TD> 100 </ TD>
</ TR>
</ TABLE> </ BODY> </ HTML>
15テーブル、いくつかの共通の属性：
ボーダー：ボーダー= "1"
細胞フィルCELLPADDING =「10pxの」（コンテンツと境界線の間の距離）
セルとセル、CELLSPACING =「20ピクセル」の間の間隔
ROWSPAN：行のマージ
列をマージ：COLSPAN