四つのCSSスタイルを書くの種類|と、いくつかの用途のセレクタ

CSSスタイル:

1.内部スタイルシート

   <スタイルタイプ= "テキスト/ cssの ">
       スタイルシートの文言
     </スタイル>

2.リンクタグは、ドキュメント内の外部リソース文、最も使う一般的な方法のようなものを。(推奨)

   <リンクタイプ= "テキスト/ cssの" REL = "スタイルシート" のhref = "文件路径" />

3. @道、CSSの導入、これは負荷後、非同期にのみHTML全体の負荷をロードされていることをノートでは、点滅するページが発生します。お勧めできません。

   <スタイル>

   @importのURL( "ファイルパス");

   </スタイル>

4.インラインスタイルシート(インラインスタイルシート)、最高の優先度が最も簡単ですが、再利用することはできません簡単に維持するためではありません。

    <input type = "text"のスタイル= "色:0x550;フォントサイズ:30px; " />

優先度:インラインスタイル>内部スタイル>外部スタイル


セレクター:

1、タグセレクタ:構文:ラベル名

         ラベル名: 同じ選択されたすべてのラベル

図2に示すように、クラスセレクタ:構文:    クラスの値

           各付加されたタグクラス属性クラス、異なるタグは、同じクラスを持っています  

           注:タグは、より多くのクラスを追加する方法を、クラス属性値の複数のクラス値がスペースで区切られ  

。3、  IDのセレクタ構文:#IDの値  

           各タグのid属性、唯一の要件値IDを追加し、   

図4に示すように、セレクタの組み合わせ。

  A)及びセットセレクター:(又は)1を選択しセレクタ2 セレクタ3 ....

  B)との交点セレクタと:()セレクタセレクタ1 2

   注意:1つだけタグセレクタを選択

              セレクタ2:唯一のIDセレクタまたはクラスセレクタ

(例えばpタグ値#div値またはp #divラベルのクラスクラスの値)

  C)子孫セレクタ:(子、孫、.....)セレクタ1セレクタ2 ....... 

  D)を選択セレクタ:*

 

   優先度:selectタグ<クラスセレクタ<IDセレクタ

 

おすすめ

転載: www.cnblogs.com/64Byte/p/12497936.html