1、基本規(guī)則
CSS的主要功能就是將某些規(guī)則應(yīng)用于文檔中同一類型的元素,而不需要去DOM中逐個加入內(nèi)聯(lián)樣式。
2、規(guī)則結(jié)構(gòu)
h1 {
color: red;
}
h1:選擇符
{ color: red; }:聲明
color:屬性
red:值
3、聲明
如果有一個不正確的屬性被用于聲明中,那么,整條聲明將被忽略,因為即使值是正確的,屬性也不正確。
如果某個值不正確,多數(shù)情況下只有那個值被忽略。
4、類和ID有什么區(qū)別?
(1) 首先,類可以分配給任何數(shù)量的元素,ID卻只能在某個HTML文檔中使用一次。
(2) ID對給定元素應(yīng)用何種樣式比類具有更高的優(yōu)先權(quán)。
5、偽類和偽元素
(1)、偽類:
a:link { color: #FF0000; } //未訪問的鏈接
a:visited { color: #00FF00; } //已訪問的鏈接
a:hover { color: #FF00FF; } //鼠標(biāo)移動到鏈接上
a:active { color: #0000FF; } //選定的鏈接
(2)、偽元素
CSS1中有兩個偽元素::first-letter 和 :first-line
應(yīng)用于段落這樣的塊級元素中,首字母和首行。
之所以 :first-letter 和 :first-line 被當(dāng)做偽元素引用,是因為它們在效果上使文檔中產(chǎn)生了一個臨時元素,這就是應(yīng)用"虛構(gòu)標(biāo)記"的一個最典型的實例。
從理論上講,偽元素 :first-line 是如何工作的?
例如:
p:first-line { color: gray; }
<p>This is a paragraph of text which has only one style applied to it.
that style causes the first line to be gray</p>
瀏覽器會解析并生成下面的虛擬標(biāo)記:
<p><p:first-line> This is a paragraph of text which has only </p:first-line>
one style applied to it. that style causes the first line to be gray</p>
展示后,這些虛擬標(biāo)記會被刪除。
6、結(jié)構(gòu)
7、繼承
將文檔視為一棵樹是很重要的,其中一個原因就是:CSS的一個主要特征就是繼承,它是依賴于祖先-后代關(guān)系的。繼承其實是一種機(jī)制,它允許樣式不僅應(yīng)用于某個特定的元素,而且應(yīng)用于其后代。
被繼承的值具有特殊性 0。