溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS基礎之層疊樣式筆記

發布時間:2020-08-10 16:39:35 來源:ITPUB博客 閱讀:202 作者:yunmaiocrsdk 欄目:web開發

層疊

聲明沖突:同一個樣式,多次應用到同一個元素

層疊:解決聲明沖突的過程,瀏覽器自動處理(權重計算)

1. 比較重要性

重要性從高到底:

作者樣式表:開發者書寫的樣式

1) 作者樣式表中的!important樣式
2) 作者樣式表中的普通樣式
3) 瀏覽器默認樣式表中的樣式

2. 比較特殊性

看選擇器

總體規則:選擇器選中的范圍越窄,越特殊

具體規則:通過選擇器,計算出一個4位數(x x x x)

  1. 千位:如果是內聯樣式,記1,否則記0
  2. 百位:等于選擇器中所有id選擇器的數量
  3. 十位:等于選擇器中所有類選擇器、屬性選擇器、偽類選擇器的數量
  4. 個位:等于選擇器中所有元素選擇器、偽元素選擇器的數量

3. 比較源次序

代碼書寫靠后的勝出

應用

  1. 重置樣式表

書寫一些作者樣式,覆蓋瀏覽器的默認樣式

重置樣式表 -> 瀏覽器的默認樣式

常見的重置樣式表:normalize.css、reset.css、meyer.css

  1. 愛恨法則

link > visited > hover > active

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女