html 5学習ノート2017-2-14 pm
5176 ワード
ラベルセレクタタグセレクタ とはの役割:指定したラベル名に基づいて、現在のインタフェースでその名前のラベルをすべて見つけ、プロパティ を設定します.フォーマット: ラベルセレクタ現在のインタフェースのすべてのラベルが選択されているが、1つのラベル を個別に選択することはできない.ラベルセレクタラベルの深さにかかわらず を選択できます. HTMLのタグであればタグセレクタとして機能する(h/a/img/ul/ol/dl/input...)
idセレクタ idセレクタ とはの役割:指定されたid名に基づいて対応するラベルを見つけ、属性 を設定する.形式: htmlタグごとにidという属性があり、すなわちタグごとにid を設定することができる.同じインタフェースにおけるidの名前は重複できない である. idセレクタを記述する際は必ずid名の前に# を付ける. idの名前には一定の仕様があります.idの名前はアルファベット、数字、下線a-z 0-9のみです. id名は数字で始まることはできません id名はHTMLタグの名前ではなく、a h 1 img inputではありません... エンタープライズ開発では一般的にスタイルを設定するためだけであれば、フロントエンド開発でidがjsに残す であるため、Idは使用しません.
例
クラスセレクタクラスセレクタ とはの役割:指定したクラス名に基づいて対応するラベルを見つけ、プロパティ を設定します.形式: HTMLタグごとにclassという属性があります.つまり、タグごとにクラス名 を設定できます.同じインタフェースにおけるclassの名前は、繰り返し可能な である. classセレクタを記述する際には必ずclass名の前に付ける. クラス名の命名仕様はId名の命名仕様と同じ クラス名は、CSS設定スタイル専用の です. html内の各ラベルは、複数のクラス名 を同時にバインドすることができる.形式:
{ : ;}
注意点:idセレクタ
#id { : ;}
注意点例
クラスセレクタ
. { : ;}
注意点
id class
id class
id ,class
html id , HTML class
id class
id # ,class .
Id class ?
id js , , id
, ,
-
- : ,
- :
1 2{ : ;}
まず「ラベル 1」という のラベルをすべて つけてから、このラベルの で「ラベル 2」という のラベルをすべて してから、 div p{}
を します.- セレクタは、
をスペースで る があります.- は だけでなく / も まれており、 に されたラベルに れられているのは
である り- の セレクタは、ラベル だけでなく、 のセレクタ
も することができる.- セレクタは、スペースを して
div ul li p{}
まで することができる.
サブエレメントセレクタ- サブエレメントセレクタ
とは- の : されたラベル のすべての の サブエレメントを つけ、プロパティ・フォーマットを します.
1> 2{ : ;}
は、「ラベル 1」という のラベルをすべて つけ、このラベルで サブエレメント 「ラベル 2」というすべてのメタ を します.- サブエレメントセレクタは のみを し、 のネストされたラベル
は しません.- サブエレメントセレクタ では、>シンボルリンクが であり、スペース
は できません.- サブエレメントセレクタは、ラベル だけでなく、 のセレクタ
も することができる.- サブエレメントセレクタは、>シンボルを して
div>ul>li>p
に くことができる.
セレクタとサブエレメントセレクタ- セレクタとサブエレメントセレクタの い
- セレクタは、リンク としてスペースを し、サブエレメントセレクタは>リンク として
を します.- セレクタでは、 されたラベルのうち、すべての の ラベル、つまり / が されます...、 ラベルに する のラベルが されている り、サブエレメントセレクタは ラベルのみを し、すべての の ラベル、すなわち のサブラベル
のみが する.- セレクタとサブエレメントセレクタの
- セレクタおよびサブエレメントセレクタは、セレクタ
としてラベル /id /class を することができる.- セレクタとサブエレメントセレクタは、それぞれのリンク を してセレクタ1>セレクタ2>セレクタ3>セレクタ4{}
まで することができる.- における
の - ラベルのすべての のラベルを する は、 セレクタを します ラベルのすべての の ラベルのみを する は、サブエレメントセレクタ
を します.
セレクタ- セレクタ
とは- :すべてのセレクタに されたラベルのうち、 するラベルのプロパティフォーマット:
1 2{ : ;}
: - セレクタとセレクタとの にはリンク
がない.- セレクタは、ラベル /id /class
を できます.- セレクタは としてのみ され、 で される
は くない.
へいれつセレクタ- パラレルセレクタとは ですか- :すべてのセレクタで したラベルにプロパティ
を します.- フォーマット:
1, 2{ : ;}
: - パラレルセットセレクタは、
をリンクするために する があります.- セレクタは、ラベル /id /class
を できます.
セレクタ- セレクタCSS 2
- の :セレクタの に くどのセレクタで されたラベルに
を するかを します.- フォーマット:
1+ 2{ : ;}
: - セレクタは+リンク
を しなければならない.- セレクタは、 のどのラベルを するかのみ でき、 されたラベル
を できません.
ハイパーリンクです
ハイパーリンクです
(!-- --)
ユニバーサルブラザーズセレクタCSS 3 の : セレクタの のすべてのセレクタで するすべてのラベルに を する. :セレクタ1~セレクタ2{ : ;} : セレクタは~リンク を する があります. セレクタ の ろにある のすべてのラベルを し、 るかどうかにかかわらず を できます.
ハイパーリンクです
ハイパーリンクです
(!-- --)