一 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中,是為了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 文件中
多個樣式定義可層疊為一
二 層疊次序
當同一個 HTML 元素被不止一個樣式定義時,會使用哪個樣式呢?
一般而言,所有的樣式會根據下面的規則層疊于一個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。
1. 瀏覽器缺省設置
2. 外部樣式表
3. 內部樣式表(位于 <head> 標簽內部)
4. 內聯樣式(在 HTML 元素內部)
三 CSS 基本語法
CSS語法由三部分構成:選擇器、屬性和值:
selector {property: value}選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽,屬性 (property) 是你希望改變的屬性,并且每個屬性都有一個值(value)。屬性和值被冒號分開,并由花括號包圍,這樣就組成了一個完整的樣式聲明(declaration)。
提示:如果值為若干單詞,則要給值加引號:
p {font-family: "sans serif";}提示:如果要定義不止一個聲明,則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規則是不需要加分號的,但是加上分號是良好的習慣:
p {text-align:center; color:red;} 提示:應該在每行只描述一個屬性,這樣可以增強樣式定義的可讀性:
p {
text-align: center;
color: black;
font-family: arial;
}
提示:是否包含空格不會影響 CSS 在瀏覽器的工作效果,但是可以增加可讀性;與 XHTML 不同,CSS 對大小寫不敏感。不過存在一個例外:如果涉及到與 HTML 文檔一起工作的話,class 和 id 名稱對大小寫是敏感的。
提示:不要在屬性值與單位之間留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它僅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作。
四 CSS 高級語法
新聞熱點
疑難解答