web（七）css的文法規則、注釋

標籤：text   程式碼範例   col   none   元素   char   url   back   優先順序   

css的文法規則：特殊的css文法標識。

• !important：當使用多種方式設定標籤樣式時，設定樣式渲染的應用優先權，聲明在取值之後。

  .important {    color: red !important;}<div class="important" style="color: yellow;">    當然是紅色</div><!--該優先權大於引入方式的優先順序別。但IE6以下不相容-->

   

• @import：引入外部css檔案。

  <style type="text/css">    @import url(“css/04test.css");</style>

   

• @charset:在外部樣式表檔案內使用，指定檔案編碼。

  @charset "utf-8";

   

css的注釋:對程式的文字描述。

• 在css中注釋會被下載到用戶端，從而影響開啟速度，應在程式編寫後使用壓縮檔去掉注釋、換行、空格等字元。
• 注釋的使用方式：使用 /*被注釋的內容*/ 對css進行注釋
• 程式碼範例:

  /*我是注釋*/

   

css的繼承特性：CSS屬性向下傳遞到子孫元素。繼承依據文檔樹的樹型結構，目的是方便開發人員開發。

• css繼承屬性：如下css屬性可以被繼承

　　　　

• • 文本類型的屬性會被繼承。

  • 清單類型的屬性會被繼承

  • 顏色類型的屬性會被繼承

• 繼承的覆蓋性：
  • 子項目使用inherit取值來強制聲明繼承父容器的css樣式。
  • 子項目一旦聲明了與父元素同屬性的繼承樣式，則子項目的樣式覆蓋父元素的樣式聲明。

web（七）css的文法規則、注釋