CSS樣式的4種寫法 | 以及選擇器的幾種用法


CSS樣式:

1.內部樣式表

   <style type="text/css">
       樣式表寫法
     </style>

2.使用link標簽,在文檔中聲明使用外接資源,最常用的一種方式。(推薦)

   <link  type="text/css"   rel="stylesheet" href="文件路徑" />

3.@方式,引入css,注意這個是異步加載的,在整個html加載之后才加載,會導致頁面閃爍。不推薦使用。

   <style>

   @import url("文件路徑");

   </style>

4.內聯樣式表(行內樣式表),優先級最高最直白,但不能復用不容易維護。

    <input type="text" style="color:0x550;font-size:30px;"/>

優先級:  行內樣式  >  內部樣式  >   外部樣式


選擇器:

1、 標簽選擇器:       語法:標簽名

         標簽名 選取相同的所有標簽

2、 選擇器:          語法:   .class的值

           每一個標簽添加class屬性, 類, 不同標簽擁有相同的class,  

           注意:  標簽怎么添加多個class, class屬性值  多個class值用空格分隔  

3、  id選擇器           語法:  #id的值  

           每一個標簽添加一個id屬性,   要求id的值唯一,   

4、 組合選擇器:

  A) 並集選擇器: (或者)   選擇器1, 選擇器2, 選擇器3,....

  B) 交集選擇器:(並且)  選擇器1  選擇器2

   注意:   選擇器1 只能是標簽選擇器

              選擇器2: 只能是id選擇器或者類選擇器

(例如 p標簽.class的值#div的值  或者 p標簽#div的值.class的值 )

  C) 后代選擇器: (兒子,孫子,.....)   選擇器1 選擇器2  ....... 

  D) 全選擇器: *

 

   優先級: 標簽選擇  < 類選擇器 < ID選擇器

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM