CSS(Cascading Style Sheet) 層疊樣式表,一種和Html聯(lián)系非常大的標(biāo)記語(yǔ)言,主要用戶控制網(wǎng)頁(yè)的樣式,并能把樣式和網(wǎng)頁(yè)內(nèi)容分離,因此能大大提高網(wǎng)頁(yè)開(kāi)發(fā)的效率。
初識(shí)CSS,感覺(jué)這個(gè)名字有點(diǎn)難以理解,“樣式表”理解起來(lái)比較容易,就是定義網(wǎng)頁(yè)的樣式,也可以叫風(fēng)格,那層疊怎么理解呢?
這要從CSS的繼承說(shuō)起,學(xué)過(guò)面向?qū)ο蟮脑挘瑢?duì)繼承一定不陌生,CSS的繼承更簡(jiǎn)單一些:
在Html中各個(gè)標(biāo)簽可以看作是一個(gè)個(gè)容器,例如:
- <span style="font-size:18px;"><p>詳解CSS的<em>名稱</em>含義</p></span>
這一句話中,<p>標(biāo)簽是一個(gè)大容器,里面有<em>標(biāo)簽 ,我們把<p>標(biāo)簽定義成父標(biāo)簽,那么<em>標(biāo)簽就成了子標(biāo)簽。當(dāng)我對(duì)<p>標(biāo)簽(父標(biāo)簽)用CSS樣式時(shí),字標(biāo)簽會(huì)完全繼承父標(biāo)簽的風(fēng)格,當(dāng)然這種關(guān)系可能會(huì)有更多層(上面的例子為兩層):
這張圖上,每個(gè)子標(biāo)簽都會(huì)繼承父標(biāo)簽的樣式,這種層層嵌套的關(guān)系,也就是CSS名稱的含義。