CSS自學筆記（2）:CSS文法

標籤：style   blog   http   color   使用   strong   檔案   io   

CSS的文法規則主要有兩個分構成選取器和聲明（聲明問一條或者多條）。

selector {declaration1; declaration2; ... declarationN }

選取器（selctor）是指你要改變樣式的html元素。選取器有很多種，常用的id選取器和類別選取器。

聲明（declaration）是一個屬性和一個值組成（要注意書寫）。

屬性（property）都有一個值，屬性和其值用":"分開。

selector {property: value}

上面CSS代碼的基本結構：

註：

1. 聲明之間用";"隔開，屬性和值之間用":"分開。
2. 屬性值的寫法有很多種，書寫時要注意單位等。
3. 如果屬性值為若干個單詞是，則要給屬性值添加引號。

   p {font-family: "sans serif";}

4. 定義聲明時應該一行定義一個聲明，這樣可增強代碼的可讀性。

   p {  text-align: center;  color: black;  font-family: arial;}

5. 樣式表可以包含多條規則，同樣一條規則可以包含多個聲明，多重聲明和空格的合理使用，可以有效增加代碼的可讀性和編譯器的可編譯性。
6. CSS對大小寫不敏感，但是如果涉及到html檔案，class和id名稱的大小寫是很敏感的
7. 我們可以對選取器進行分組，這樣多個選取器就可以分享相同的聲明

   h1,h2,h3,h4,h5,h6 {  color: green;  }

8. 聲明的繼承問題，CSS中子項目可以從父元素繼承聲明，同時也可以用自己的特殊聲明，從而覆蓋父元素的聲明。

   body {     font-family: Verdana, sans-serif;     }

   若body的子項目a中未定義屬性font-family的聲明，那麼a將會繼承他的父元素body的font-family的聲明。

   若body的子項目b中定義了屬性font-family的聲明，那麼b的font-family屬性覆蓋它的父元素body的font-family的聲明，從而達到擺脫父元素宣告