CSS權值比較 讀書筆記

2022-07-28 12:57:19 字數 523 閱讀 9836

1.繼承0.1    標籤1    類選擇符10    id選擇符100

2.層疊:後面的樣式會覆蓋前面的樣式。

3.內聯樣式表(標籤內部) > 嵌入樣式表(當前檔案中) > 外部樣式(外部檔案)

4.!important具有最高權值,p

5.!important > 使用者自己設定的樣式 > 網頁製作者樣式 > 瀏覽器預設樣式

6.class選擇器和屬性選擇器同優先順序。

7.像這種.dog > p多了特殊符號的,還是和 .dog p優先順序一樣。

8.如:

pp>

div>

優先順序為:.p > div p > p > #parent > .parent

子級p和父級#parent,子級的選擇器優先順序比父級的選擇器優先順序高,或者說繼承的優先順序程度比自身的優先順序低!但是只要能定位到p元素,那麼父級選擇器的權重就起作用了。

9.css樣式優先順序還和繼承有關,繼承的優先順序不如本身應用的優先順序高。

css揭秘讀書筆記

currentcolor屬性讓hr和段落相同的顏色 div hr p裡面的hr標籤不變色 background origin padding box是背景的預設原點,background position right 10px bottom 10px 可以讓偏移,如果不支援這個屬性,可以這樣back...

《CSS世界》讀書筆記

css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的,希望文字少的時候居中顯示,...

《CSS權威指南》讀書筆記

第二章 選擇器 第三章 結構和層疊 第四章 值和單位 第五章 字型 第六章 文字屬性 第七章 基本視覺格式化 第八章 內邊距邊框和外邊距 第九章 顏色和背景 第十章 浮動和定位 第十一章 表布局 第十二章 列表與生成內容 第十三章 使用者介面樣式 第十四章 非螢幕 import url sheet....