這篇文章主要介紹“CSS的三大特性是什么”,在日常操作中,相信很多人在CSS的三大特性是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS的三大特性是什么”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
創(chuàng)新互聯(lián)專注于綿竹企業(yè)網(wǎng)站建設,響應式網(wǎng)站設計,成都做商城網(wǎng)站。綿竹網(wǎng)站建設公司,為綿竹等地區(qū)提供建站服務。全流程按需設計,專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務
層疊 繼承 優(yōu)先級 是我們學習CSS 必須掌握的三個特性。
所謂層疊性是指多種CSS樣式的疊加。
是瀏覽器處理沖突的一個能力,如果一個屬性通過兩個相同選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉。
比如先給某個標簽指定了內部文字顏色為紅色,接著又指定了顏色為藍色,此時出現(xiàn)一個標簽指定了相同樣式不同值的情況,這就是樣式?jīng)_突。
一般情況下,如果出現(xiàn)樣式?jīng)_突,則會按照CSS書寫的順序,以最后的樣式為準。
所謂繼承性是指書寫CSS樣式表時,子標簽會繼承父標簽的某些樣式,如文本顏色和字號。想要設置一個可繼承的屬性,只需將它應用于父元素即可。
簡單的理解就是: 子承父業(yè)。
注意:
恰當?shù)厥褂美^承可以簡化代碼,降低CSS樣式的復雜性。子元素可以繼承父元素的樣式(text-,font-,line-這些元素開頭的都可以繼承,以及color屬性)
定義CSS樣式時,經(jīng)常出現(xiàn)兩個或更多規(guī)則應用在同一元素上,這時就會出現(xiàn)優(yōu)先級的問題。
在考慮權重時,初學者還需要注意一些特殊的情況,具體如下:
關于CSS權重,我們需要一套計算公式來去計算,這個就是 CSS Specificity,我們稱為CSS 特性或稱非凡性,它是一個衡量CSS值優(yōu)先級的一個標準 具體規(guī)范入如下:
specificity用一個四位的數(shù) 字串(CSS2是三位)來表示,更像四個級別,值從左到右,左面的最大,一級大于一級,數(shù)位之間沒有進制,級別之間不可超越。
繼承或者* 的貢獻值 0,0,0,0
每個元素(標簽)貢獻值為 0,0,0,1
每個類,偽類貢獻值為 0,0,1,0
每個ID貢獻值為 0,1,0,0
每個行內樣式貢獻值 1,0,0,0
每個!important貢獻值∞ 無窮大
權重是可以疊加的
比如:
注意:
1.數(shù)位之間沒有進制 比如說: 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0, 所以不會存在10個div能趕上一個類選擇器的情況。
2.繼承的 權重是 0
總結優(yōu)先級:
使用了 !important聲明的規(guī)則。
內嵌在 HTML 元素的 style屬性里面的聲明。
使用了 ID 選擇器的規(guī)則。
使用了類選擇器、屬性選擇器、偽元素和偽類選擇器的規(guī)則。
使用了元素選擇器的規(guī)則。
只包含一個通用選擇器的規(guī)則。
同一類選擇器則遵循就近原則。
綜上:權重是優(yōu)先級的算法,層疊是優(yōu)先級的表現(xiàn)
到此,關于“CSS的三大特性是什么”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
文章題目:CSS的三大特性是什么
本文鏈接:http://jinyejixie.com/article42/ijdjec.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、ChatGPT、電子商務、靜態(tài)網(wǎng)站、自適應網(wǎng)站、虛擬主機
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)