1. CSS語法

1.1. CSS規則集(rule-set)由選擇器和聲明塊組成。

1.2. 選擇器通常是您需要改變樣式的html元素。

1.3. 聲明塊包含一條或多條聲明, 多條聲明使用分號分割。

selector {declaration1; declaration2; ... declarationN; }

1.4. 聲明塊使用花括號括起來。

1.5. 每條聲明由一個屬性和一個或一列值組成。

1.6. 屬性(property)是您希望設置的樣式屬性(style attribute)。屬性和值被冒號分開。

selector {property: value; }

2. 記得寫引號

2.1. 如果值為若干單詞, 則要給值加引號:

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

3. 多條聲明

3.1. 如果要定義不止一個聲明, 則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規則是不需要加分號的, 因為分號在英語中是一個分隔符號，不是結束符號。然而, 大多數有經驗的設計師會在每條聲明的末尾都加上分號, 這么做的好處是, 當你從現有的規則中增減聲明時, 會盡可能地減少出錯的可能性。就像這樣:

p {text-align:center; color:red; }

4. 換行和空格的使用

4.1. 大多數樣式表包含不止一條規則, 而大多數規則包含不止一個聲明。多條聲明中換行和空格的使用使得樣式表更容易被編輯:

body {color: #000000;background: #FFFFFF;margin: 10px;padding: 0;font-family: Georgia, Palatino, serif; }

4.2. 不要在屬性值與單位之間留有空格。假如你使用"margin: 10 px;"而不是"margin: 10px;", 它僅在IE6中有效, 但是在Mozilla/Firefox或Netscape中卻無法正常工作。

4.3.?是否包含換行和空格并不會影響CSS在瀏覽器中的工作效果。

5. 大小寫

5.1.?與xhtml不同, CSS對大小寫不敏感。不過存在一個例外: 如果涉及到與html文檔一起工作的話, class和id名稱對大小寫是敏感的。

6. 繼承

6.1. 根據CSS規則子元素從父元素繼承屬性。

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

6.2. 根據上面這條規則, 站點的body元素將使用Verdana字體。通過CSS繼承, 子元素(這些子元素諸如: p, td, ul, ol, ul, li, dl, dt和dd等)將繼承最高級元素(在本例中是: body)所擁有的屬性。不需要另外的規則, 所有body 的子元素都應該顯示Verdana字體, 子元素的子元素也一樣。并且在大部分的現代瀏覽器中, 也確實是這樣的。

總結

以上是生活随笔為你收集整理的002_CSS基础语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。