CSS 三大特性（層疊性、繼承性、優先級）_第1頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、css 三大特性（層疊性、繼承性、優先級）層疊 繼承 優先級 是我們學習css 必需把握的三個特性。所謂層疊性是指多種css樣式的疊加。是掃瞄器處理矛盾的一個能力,假如一個屬性通過兩個相同挑選器設置到同一個元素上，那么這個時候一個屬性就會將另一個屬性層疊掉。比如先給某個標簽指定了內部文字色彩為紅色，接著又指定了色彩為藍色，此時浮現一個標簽指定了相同樣式不同值的狀況，這就是樣式矛盾。普通狀況下，假如浮現樣式矛盾，則會根據css書寫的挨次，以最后的樣式為準。所謂繼承性是指書寫css樣式表時，子標簽會繼承父標簽的某些樣式，如文本色彩和字號。想要設置一個可繼承的屬性，只需將它應用于父元素即可。容易的理

2、解就是： 子承父業。注重：恰當地用法繼承可以簡化代碼，降低css樣式的復雜性。子元素可以繼承父元素的樣式（text-，font-，line-這些元素開始的都可以繼承，以及color屬性）定義css樣式時，常常浮現兩個或更多規章應用在同一元素上，這時就會浮現優先級的問題。在考慮權重時，初學者還需要注重一些特別的狀況，詳細如下：關于css權重，我們需要一套計算公式來去計算，這個就是 css specificity，我們稱為css 特性或稱非凡性，它是一個衡量css值優先級的一個標準 詳細規范入如下：specificity用一個四位的數 字串(css2是三位)來表示，更像四個級別，值從左到右，左面的

3、最大，一級大于一級，數位之間沒有進制，級別之間不行超越。繼承或者* 的貢獻值 0,0,0,0每個元素（標簽）貢獻值為 0,0,0,1每個類，偽類貢獻值為 0,0,1,0每個id貢獻值為 0,1,0,0每個行內樣式貢獻值 1,0,0,0每個!important貢獻值∞ 無窮大權重是可以疊加的比如：注重：1.數位之間沒有進制 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不會存在10個div能趕上一個類挑選器的狀況。2.繼承的 權重是 0總結優先級：用法了 !important聲明的規章。內嵌在 html 元素的 style屬性里面的聲明。用法了 id 挑選器的規章。用法了類挑選器、屬性挑選器、偽元素和偽類挑選器的規章。用法了元素挑選器的規章。只包含一個通用挑選器的規章。同一類挑選器則遵循就近原則。綜上：權重是優先級的算法，層疊是優先級的表現示例代碼：歡迎大家多

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論