這篇文章主要介紹了css層疊是什么意思，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
css層疊是CSS的一個基本特征，它是一個定義了如何合并來自多個源的屬性值的算法；CSS層疊性是指CSS樣式在針對同一元素配置同一屬性時，依據層疊規則來處理沖突，選擇應用權重高的CSS選擇器所指定的屬性。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
什么是css層疊？
層疊是CSS的一個基本特征，它是一個定義了如何合并來自多個源的屬性值的算法。它在CSS處于核心地位，CSS的全稱層疊樣式表正是強調了這一點。
CSS層疊性是指CSS樣式在針對同一元素配置同一屬性時，依據層疊規則（權重）來處理沖突，選擇應用權重高的CSS選擇器所指定的屬性，一般也被描述為權重高的覆蓋權重低的，因此也稱作層疊。
每個CSS選擇器都會有一個權重，當兩個選擇器同時配置同一元素的同一屬性時（比如一個設置color：red，另一個color：black），就會產生沖突，而解決沖突的方案就是CSS選擇器的權重，權重高的來覆蓋權重低的。
層疊性指的是上級標簽的樣式會自動繼承到其所有下級標簽，如針對<body>設置的標簽選擇器所設的字體樣式會自動應用到<body>下的<p>中，除非<p>重寫了相關樣式將其覆蓋。
層疊性指的是樣式的優先級，當產生沖突時以優先級高的為準：
開發者樣式>讀者樣式>瀏覽器樣式（除非使用!important標記 ）
id選擇符>（偽）類選擇符>元素選擇符
權重相同時取后面定義的樣式
CSS層疊算法期望通過挑選CSS聲明來給CSS屬性設置正確的值。CSS聲明可以有不同的來源：
1、瀏覽器會有一個基本的樣式表來給任何網頁設置默認樣式。這些樣式統稱**用戶代理樣式**。一些瀏覽器通過使用真正的樣式表，而其他則通過代碼模擬，但無論是哪種情形都應是不可被檢測的。
而且部分瀏覽器允許用戶修改用戶代理樣式。盡管HTML標準對用戶代理樣式做了諸多限制，瀏覽器仍大有可為，具體表現在不同瀏覽器間會存在重大的差異。
為了減輕開發成本以及降低樣式表運行所需的基本環境，網頁開發者通常會使用一個CSS reset樣式表，強制將常見的屬性值轉為確定狀態。
2、網頁的作者可以定義文檔的樣式，這是最常見的樣式表。大多數情況下此類型樣式表會定義多個，它們構成網站的視覺和體驗，即主題。
3、讀者，作為瀏覽器的用戶，可以使用自定義樣式表定制使用體驗。
盡管CSS樣式會來自這些不同的源，但它們的作用范圍是重疊的，而層疊算法則定義了它們如何相互作用。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css層疊是什么意思”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
