html 5学習ノート2017-2-14 pm

5176 ワード

ラベルセレクタ
  • タグセレクタ
  • とは
  • の役割:指定したラベル名に基づいて、現在のインタフェースでその名前のラベルをすべて見つけ、プロパティ
  • を設定します.
  • フォーマット: { : ;}注意点:
  • ラベルセレクタ現在のインタフェースのすべてのラベルが選択されているが、1つのラベル
  • を個別に選択することはできない.
  • ラベルセレクタラベルの深さにかかわらず
  • を選択できます.
  • HTMLのタグであればタグセレクタとして機能する(h/a/img/ul/ol/dl/input...)

  • idセレクタ
  • 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 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{ : ;} :
    • セレクタは~リンク
    • を する があります.
    • セレクタ の ろにある のすべてのラベルを し、 るかどうかにかかわらず
    • を できます.
      
      
              

      ハイパーリンクです

      ハイパーリンクです

      (!-- --)