css層疊是什么意思

這篇文章主要介紹了css層疊是什么意思，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站基于成都重慶香港及美國等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)四川服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

css層疊是CSS的一個(gè)基本特征，它是一個(gè)定義了如何合并來自多個(gè)源的屬性值的算法；CSS層疊性是指CSS樣式在針對(duì)同一元素配置同一屬性時(shí)，依據(jù)層疊規(guī)則來處理沖突，選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

什么是css層疊？

層疊是CSS的一個(gè)基本特征，它是一個(gè)定義了如何合并來自多個(gè)源的屬性值的算法。它在CSS處于核心地位，CSS的全稱層疊樣式表正是強(qiáng)調(diào)了這一點(diǎn)。

CSS層疊性是指CSS樣式在針對(duì)同一元素配置同一屬性時(shí)，依據(jù)層疊規(guī)則（權(quán)重）來處理沖突，選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性，一般也被描述為權(quán)重高的覆蓋權(quán)重低的，因此也稱作層疊。

每個(gè)CSS選擇器都會(huì)有一個(gè)權(quán)重，當(dāng)兩個(gè)選擇器同時(shí)配置同一元素的同一屬性時(shí)（比如一個(gè)設(shè)置color：red，另一個(gè)color：black），就會(huì)產(chǎn)生沖突，而解決沖突的方案就是CSS選擇器的權(quán)重，權(quán)重高的來覆蓋權(quán)重低的。

層疊性指的是上級(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)樣式將其覆蓋。

層疊性指的是樣式的優(yōu)先級(jí)，當(dāng)產(chǎn)生沖突時(shí)以優(yōu)先級(jí)高的為準(zhǔn)：

  • 開發(fā)者樣式>讀者樣式>瀏覽器樣式（除非使用!important標(biāo)記 ）

  • id選擇符>（偽）類選擇符>元素選擇符

  • 權(quán)重相同時(shí)取后面定義的樣式

CSS層疊算法期望通過挑選CSS聲明來給CSS屬性設(shè)置正確的值。CSS聲明可以有不同的來源：

1、瀏覽器會(huì)有一個(gè)基本的樣式表來給任何網(wǎng)頁設(shè)置默認(rèn)樣式。這些樣式統(tǒng)稱**用戶代理樣式**。一些瀏覽器通過使用真正的樣式表，而其他則通過代碼模擬，但無論是哪種情形都應(yīng)是不可被檢測(cè)的。

而且部分瀏覽器允許用戶修改用戶代理樣式。盡管HTML標(biāo)準(zhǔn)對(duì)用戶代理樣式做了諸多限制，瀏覽器仍大有可為，具體表現(xiàn)在不同瀏覽器間會(huì)存在重大的差異。

為了減輕開發(fā)成本以及降低樣式表運(yùn)行所需的基本環(huán)境，網(wǎng)頁開發(fā)者通常會(huì)使用一個(gè)CSS reset樣式表，強(qiáng)制將常見的屬性值轉(zhuǎn)為確定狀態(tài)。

2、網(wǎng)頁的作者可以定義文檔的樣式，這是最常見的樣式表。大多數(shù)情況下此類型樣式表會(huì)定義多個(gè)，它們構(gòu)成網(wǎng)站的視覺和體驗(yàn)，即主題。

3、讀者，作為瀏覽器的用戶，可以使用自定義樣式表定制使用體驗(yàn)。

盡管CSS樣式會(huì)來自這些不同的源，但它們的作用范圍是重疊的，而層疊算法則定義了它們?nèi)绾蜗嗷プ饔谩?/p>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css層疊是什么意思”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)頁名稱：css層疊是什么意思
轉(zhuǎn)載來源：http://muchs.cn/article8/ihehip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、面包屑導(dǎo)航、定制網(wǎng)站、服務(wù)器托管、建站公司、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)