欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS層疊樣式表的層疊是什么意思(自我理解)

  發(fā)布時(shí)間：2013-10-14 17:26:59   作者：佚名   我要評(píng)論
基本上層疊的意思就是“繼承”、“權(quán)重”、“覆蓋”，通過良好的層級(jí)命名更好的實(shí)現(xiàn)效果，更少的代碼，更多的功能，下面為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過

解答一：

層疊指的是樣式的優(yōu)先級(jí)，當(dāng)產(chǎn)生沖突時(shí)以優(yōu)先級(jí)高的為準(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頁(yè)面都可以由這種結(jié)構(gòu)嵌套或者累加而成。

解答二：

CSS層疊是指CSS樣式在針對(duì)同一元素配置同一屬性時(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語(yǔ)義化其實(shí)更多地是指HTML的語(yǔ)義化。 比如下面的一個(gè)代碼我們這樣寫：

復(fù)制代碼
代碼如下:

<div class="box">
<div class="h2">這是區(qū)塊標(biāo)題</div>
<div class="bd">這是區(qū)塊內(nèi)容</div>
<div>

但是語(yǔ)義化的寫法更能使得 robot識(shí)別網(wǎng)頁(yè)的結(jié)構(gòu)，下面是語(yǔ)義化的寫法：

復(fù)制代碼
代碼如下:

<section>
<h2>這是區(qū)塊標(biāo)題</h2>
<p>這是區(qū)塊內(nèi)容</p>
</section>

對(duì)于robot來說，它能夠識(shí)別section（區(qū)塊）、h2(二級(jí)標(biāo)題)、p(文字段落)，但是不能識(shí)別出div所包含的內(nèi)容，因?yàn)閐iv這個(gè)標(biāo)記本身是無語(yǔ)義的（必要時(shí)通過class或id屬性來賦予語(yǔ)義，但是這是次優(yōu)選擇）。 而HTML5新增的article、header、footer、nav、section等標(biāo)簽就是豐富了HTML原生的語(yǔ)義標(biāo)簽，在很大程度上滿足了HTML編寫的需要。

解答三：

我的理解是，層疊指的是上級(jí)標(biāo)簽的樣式會(huì)自動(dòng)繼承到其所有下級(jí)標(biāo)簽，如針對(duì)<body>設(shè)置的標(biāo)簽選擇器所設(shè)的字體樣式會(huì)自動(dòng)應(yīng)用到<body>下的<p>中，除非<p>重寫了相關(guān)樣式將其覆蓋。
CSS語(yǔ)義化的命名是指用易于理解的名稱對(duì)html標(biāo)簽附加的class或id命名，如對(duì)于頁(yè)面上方的<div>，可將其id設(shè)為header；頁(yè)面下方的<div>設(shè)為footer，可以增強(qiáng)CSS的可維護(hù)性。

基本上層疊的意思就是“繼承”、“權(quán)重”、“覆蓋”，通過良好的層級(jí)命名更好的實(shí)現(xiàn)效果，更少的代碼，更多的功能

相關(guān)文章

最新評(píng)論