CSSの研究ノート
CSSのポジショニングは、ターゲットのこのタイプは、高速な位置決め、比較的簡単ですので、フロントエンドCSSの知識を学び、その後の視聴のために学習ノートを要約していきます。Web自動テストなので、より洗練されたターゲットのメソッドを使用します。一方、我々はあなたを助けることができるように願っています。
学習ウェブサイト：http://www.w3school.com.cn/css/css_intro.asp
CSSはカスケーディングスタイルシート（カスケーディングスタイルシート）を参照します。スタイルは、HTML要素を表示する方法を定義します。スタイルは、一般的に、スタイルシート（CSSファイル）に格納されています。外部スタイルシートを大幅に効率を向上させることができます。
セレクタ、及び1つ以上の文：CSSルールは、2つの主要部分から構成されています。属性値のペアの声明。
セレクタ{項目1：1つの属性値、項目2：属性値2、... Nプロパティ：プロパティ値N;}
プロパティ値にスペースが含まれている場合、プロパティ値は、引用符を覚えています。
別のブログ記事を参照してください：http://www.cnblogs.com/yufeihlf/p/5717291.html#test7
CSSのポジショニングセレンについて、だけでなく、文を配置するCSSセレクタのため。
CSSターゲティングエレメントによって両方の構文の選択として、要素が動作します。CSSを通して要素をターゲットに一つ、スタイルに関連する要素のセット。
1.シングルラベル
例えば：H1 {...}
2.複数のタグ
H1、H2、H3、H4、H5、H6 {...}など
3.スタイルの継承
例えば：次いで身体{...}、本体の下の子要素、Pなど、TD、UL、OL、UL、リチウム、DL、DT、DD及び身体特性が継承されています。
しかし、どのように子要素は、スタイル、優先順位のサブ要素自身のスタイルを再定義します。
：P {...}、タグは、p自身パターンセットに従ってあろう。
4.派生セレクタ
ベース要素によってその場所のコンテキストでスタイルを定義します。
4.1子孫セレクタ
子孫セレクタに関連する、すなわち2つの要素間のレベル間隔が無制限であることができ、容易に見落とさ側面を有しています。
たとえば、あなたは、UL、EMを記述する場合、EMはこの構文は関係なく、深いEMのネストレベルの、UL要素から継承されたすべての要素を選択します。
例えば：EM {...}をUL、以下UL EM要素は、対応するスタイルを提供しました。
4.2サブ要素セレクタ
子孫セレクタと比較して、サブエレメントセレクタ（子セレクタ）のみ要素の子要素の要素として選択することができます。
以下のような：UL> EM {...}
4.3隣接兄弟セレクタ
あなたは要素の直後に別の要素を選択する必要があり、両方が同じ親要素を持っている場合は、隣接兄弟セレクタを使用することができます
例えば：H1 + P {マージントップ：は50px;}、出現素子H1、H1およびpの要素は共通の親要素を持つ直後の段落を選択
5.idセレクタ
構文：#IDプロパティ値
例1：idは中央のすべての要素のスタイルを設定します。
#center {テキスト整列：センター}
実施例2：ファンシー要素内のテーブルセルTDスタイリング要素としてID。
#fancyのTD {
色：＃1 F60。
背景：＃666;
}
例3：派手な要素のテーブルセルのtdのスタイルとして設定されたID。
TD＃1空想{
色：＃1 F60。
背景：＃666;
}
6.クラスセレクタ
構文：.classファイルのプロパティ値
例1：すべての要素のスタイルクラスという名前の中央に設定します。
.center {テキスト整列：センター}
例2：ファンシー要素に配置されたTDスタイルと呼ばれる単位素子クラスの内部で形成します。
.fancyのTD {
色：＃1 F60。
背景：＃666;
}
例3：クラステーブルは、空想と呼ばれるスタイルで配置されたtd要素を意味しています。
td.fancy {
色：＃1 F60。
背景：＃666;
}
7.属性セレクタ
構文：[プロパティ]または[属性=属性値]
8.リンクセレクタ
A：リンク - 通常、非訪問済みリンク。A：訪問 - ユーザーがアクセス権を持っているリンク。A：ホバー - マウスポインタがリンクの上にあります。A：アクティブ - リンクは瞬間をクリックします。
例：
A：リンク{色：＃1 FF0000 ;} / * 未訪問リンク* /
A：{色：＃00FF00を;}訪問/ *リンク* /アクセスされた
A：ホバー{色：＃1 FF00FF;} / *リンク* /上にマウスポインタを移動
A：{アクティブカラー：＃1 0000FF;} / * *リンクがクリックされました/
色：フォントの色：赤または＃FF0000など。
フォントファミリ：等倍フォントスタイル、。
フォントスタイル：イタリック体は、最も一般的に使用される規定です。ノーマル（通常のテキスト表示）。イタリック（斜体文字）。斜め（斜めのテキスト表示）
フォントの太さ：テキストの厚さは、そのような大胆に太字を使用してキーワードとして。
フォントサイズ：フォントサイズ、14pxなど。
テキスト整列：テキストの配置、例えばセンターなど（センタリング）。
テキストは、変換：文字変換：なし（なし）、大文字（首都）、小文字（小文字）、大文字で（最初の文字は大文字）。
テキスト装飾：装飾的なテキスト属性。なし（そのようなリンクは下線いないされていません）。下線の要素が下線されます。上線の上線は、テキストの先頭に引き分けとなります。通る線を描くの途中でラインスルーテキストの値。テキスト点滅を点滅させます。
背景色：背景色。
リストスタイルのタイプ：リスト項目フラグの種類ULリスト。正方形（ブロックセット）
CSSのポジショニングは、ターゲットのこのタイプは、高速な位置決め、比較的簡単ですので、フロントエンドCSSの知識を学び、その後の視聴のために学習ノートを要約していきます。Web自動テストなので、より洗練されたターゲットのメソッドを使用します。一方、我々はあなたを助けることができるように願っています。
学習ウェブサイト：http://www.w3school.com.cn/css/css_intro.asp
CSSはカスケーディングスタイルシート（カスケーディングスタイルシート）を参照します。スタイルは、HTML要素を表示する方法を定義します。スタイルは、一般的に、スタイルシート（CSSファイル）に格納されています。外部スタイルシートを大幅に効率を向上させることができます。
セレクタ、及び1つ以上の文：CSSルールは、2つの主要部分から構成されています。属性値のペアの声明。
セレクタ{項目1：1つの属性値、項目2：属性値2、... Nプロパティ：プロパティ値N;}
プロパティ値にスペースが含まれている場合、プロパティ値は、引用符を覚えています。
別のブログ記事を参照してください：http://www.cnblogs.com/yufeihlf/p/5717291.html#test7
CSSのポジショニングセレンについて、だけでなく、文を配置するCSSセレクタのため。
CSSターゲティングエレメントによって両方の構文の選択として、要素が動作します。CSSを通して要素をターゲットに一つ、スタイルに関連する要素のセット。
1.シングルラベル
例えば：H1 {...}
2.複数のタグ
H1、H2、H3、H4、H5、H6 {...}など
3.スタイルの継承
例えば：次いで身体{...}、本体の下の子要素、Pなど、TD、UL、OL、UL、リチウム、DL、DT、DD及び身体特性が継承されています。
しかし、どのように子要素は、スタイル、優先順位のサブ要素自身のスタイルを再定義します。
：P {...}、タグは、p自身パターンセットに従ってあろう。
4.派生セレクタ
ベース要素によってその場所のコンテキストでスタイルを定義します。
4.1子孫セレクタ
子孫セレクタに関連する、すなわち2つの要素間のレベル間隔が無制限であることができ、容易に見落とさ側面を有しています。
たとえば、あなたは、UL、EMを記述する場合、EMはこの構文は関係なく、深いEMのネストレベルの、UL要素から継承されたすべての要素を選択します。
例えば：EM {...}をUL、以下UL EM要素は、対応するスタイルを提供しました。
4.2サブ要素セレクタ
子孫セレクタと比較して、サブエレメントセレクタ（子セレクタ）のみ要素の子要素の要素として選択することができます。
以下のような：UL> EM {...}
4.3隣接兄弟セレクタ
あなたは要素の直後に別の要素を選択する必要があり、両方が同じ親要素を持っている場合は、隣接兄弟セレクタを使用することができます
例えば：H1 + P {マージントップ：は50px;}、出現素子H1、H1およびpの要素は共通の親要素を持つ直後の段落を選択
5.idセレクタ
構文：#IDプロパティ値
例1：idは中央のすべての要素のスタイルを設定します。
#center {テキスト整列：センター}
実施例2：ファンシー要素内のテーブルセルTDスタイリング要素としてID。
#fancyのTD {
色：＃1 F60。
背景：＃666;
}
例3：派手な要素のテーブルセルのtdのスタイルとして設定されたID。
TD＃1空想{
色：＃1 F60。
背景：＃666;
}
6.クラスセレクタ
構文：.classファイルのプロパティ値
例1：すべての要素のスタイルクラスという名前の中央に設定します。
.center {テキスト整列：センター}
例2：ファンシー要素に配置されたTDスタイルと呼ばれる単位素子クラスの内部で形成します。
.fancyのTD {
色：＃1 F60。
背景：＃666;
}
例3：クラステーブルは、空想と呼ばれるスタイルで配置されたtd要素を意味しています。
td.fancy {
色：＃1 F60。
背景：＃666;
}
7.属性セレクタ
構文：[プロパティ]または[属性=属性値]
8.リンクセレクタ
A：リンク - 通常、非訪問済みリンク。A：訪問 - ユーザーがアクセス権を持っているリンク。A：ホバー - マウスポインタがリンクの上にあります。A：アクティブ - リンクは瞬間をクリックします。
例：
A：リンク{色：＃1 FF0000 ;} / * 未訪問リンク* /
A：{色：＃00FF00を;}訪問/ *リンク* /アクセスされた
A：ホバー{色：＃1 FF00FF;} / *リンク* /上にマウスポインタを移動
A：{アクティブカラー：＃1 0000FF;} / * *リンクがクリックされました/
色：フォントの色：赤または＃FF0000など。
フォントファミリ：等倍フォントスタイル、。
フォントスタイル：イタリック体は、最も一般的に使用される規定です。ノーマル（通常のテキスト表示）。イタリック（斜体文字）。斜め（斜めのテキスト表示）
フォントの太さ：テキストの厚さは、そのような大胆に太字を使用してキーワードとして。
フォントサイズ：フォントサイズ、14pxなど。
テキスト整列：テキストの配置、例えばセンターなど（センタリング）。
テキストは、変換：文字変換：なし（なし）、大文字（首都）、小文字（小文字）、大文字で（最初の文字は大文字）。
テキスト装飾：装飾的なテキスト属性。なし（そのようなリンクは下線いないされていません）。下線の要素が下線されます。上線の上線は、テキストの先頭に引き分けとなります。通る線を描くの途中でラインスルーテキストの値。テキスト点滅を点滅させます。
背景色：背景色。
リストスタイルのタイプ：リスト項目フラグの種類ULリスト。正方形（ブロックセット）