CSS層疊樣式表的層疊是什么意思(自我理解)
我要評論解答一：
層疊指的是樣式的優(yōu)先級，當(dāng)產(chǎn)生沖突時(shí)以優(yōu)先級高的為準(zhǔn)。
1. 開發(fā)者樣式>讀者樣式>瀏覽器樣式（除非使用!important標(biāo)記 ）
2. id選擇符>（偽）類選擇符>元素選擇符
3. 權(quán)重相同時(shí)取后面定義的樣式
以下是一段經(jīng)典的html，三個(gè)類名分別為模塊、標(biāo)題和正文。
<div class="mod">
<div class="hd"></div>
<div class="bd"></div>
</div>
大部分html頁面都可以由這種結(jié)構(gòu)嵌套或者累加而成。
解答二：
CSS層疊是指CSS樣式在針對同一元素配置同一屬性時(shí)，依據(jù)層疊規(guī)則（權(quán)重）來處理沖突，選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性，一般也被描述為權(quán)重高的覆蓋權(quán)重低的，因此也稱作層疊。每個(gè)CSS選擇器都會(huì)有一個(gè)權(quán)重（行內(nèi)1000，id100，class10，tag1、可以這樣認(rèn)為），當(dāng)兩個(gè)選擇器同時(shí)配置同一元素的同一屬性時(shí)（比如一個(gè)設(shè)置color：red，另一個(gè)color：black），就會(huì)產(chǎn)生沖突，而解決沖突的方案就是CSS選擇器的權(quán)重，權(quán)重高的來覆蓋權(quán)重低的。
另外，繼承的屬性是權(quán)重重最輕的，會(huì)被上面的四個(gè)定義方式覆蓋。
CSS語義化其實(shí)更多地是指HTML的語義化。 比如下面的一個(gè)代碼我們這樣寫：
<div class="box">
<div class="h2">這是區(qū)塊標(biāo)題</div>
<div class="bd">這是區(qū)塊內(nèi)容</div>
<div>
但是語義化的寫法更能使得 robot識別網(wǎng)頁的結(jié)構(gòu)，下面是語義化的寫法：
<section>
<h2>這是區(qū)塊標(biāo)題</h2>
<p>這是區(qū)塊內(nèi)容</p>
</section>
對于robot來說，它能夠識別section（區(qū)塊）、h2(二級標(biāo)題)、p(文字段落)，但是不能識別出div所包含的內(nèi)容，因?yàn)閐iv這個(gè)標(biāo)記本身是無語義的（必要時(shí)通過class或id屬性來賦予語義，但是這是次優(yōu)選擇）。 而HTML5新增的article、header、footer、nav、section等標(biāo)簽就是豐富了HTML原生的語義標(biāo)簽，在很大程度上滿足了HTML編寫的需要。
解答三：
我的理解是，層疊指的是上級標(biāo)簽的樣式會(huì)自動(dòng)繼承到其所有下級標(biāo)簽，如針對<body>設(shè)置的標(biāo)簽選擇器所設(shè)的字體樣式會(huì)自動(dòng)應(yīng)用到<body>下的<p>中，除非<p>重寫了相關(guān)樣式將其覆蓋。
CSS語義化的命名是指用易于理解的名稱對html標(biāo)簽附加的class或id命名，如對于頁面上方的<div>，可將其id設(shè)為header；頁面下方的<div>設(shè)為footer，可以增強(qiáng)CSS的可維護(hù)性。
基本上層疊的意思就是“繼承”、“權(quán)重”、“覆蓋”，通過良好的層級命名更好的實(shí)現(xiàn)效果，更少的代碼，更多的功能
相關(guān)文章
- 這篇文章主要介紹了使用css外部樣式表的方法,文中示例環(huán)境配置基于Windwos系統(tǒng),需要的朋友可以參考下2015-07-14
- css樣式表中字體亂碼，為了方便大家好查，整理了些中文名 Unicode，特此獻(xiàn)給其他前端開發(fā)的朋友們，強(qiáng)烈建議不要用中文注釋2014-09-06
HTML默認(rèn)樣式表CSS屬性除了inline和block的定義
今天偶然在w3上看到了。除了inline和block的定義，主要是要注意 body|h1~h6|blockquote|menu|ul|ol|dd等標(biāo)簽的默認(rèn)樣式，還不知道的朋友可以參考下本文2014-02-13CSS樣式表高效使用技巧充分利用樣式表的強(qiáng)大性
為了提高網(wǎng)頁的維護(hù)更新效率，我們可以使用樣式表，來僅僅改變一個(gè)文件，就能達(dá)到同時(shí)改變幾百個(gè)網(wǎng)頁的外觀。為了能充分用好樣式表的強(qiáng)大性和靈活性，筆者就怎樣有效使用樣2013-09-10
本文是詳細(xì)的介紹了CSS樣式表編寫網(wǎng)頁的中文教程2012-09-04- 對于簡單的Web站點(diǎn)，可以只使用一個(gè)CSS文件。對于大型的復(fù)雜站點(diǎn)，對樣式表進(jìn)行分割以便簡化維護(hù)是一種好做法。2011-10-07
- 下面小編就為大家?guī)硪黄狢SS樣式表與格式布局詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-29
