前端開發(fā)學習筆記(五)- Css 特殊性

一.繼承

繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于某個特定html標簽元素,而且應(yīng)用于其后代。

可以繼承的樣式主要有:

文本相關(guān)屬性:如font-family, font-size, font-style,font-weight, font-height,font-...

還有列表相關(guān)屬性:如list-style-image, list-style-position,list-style-type, list-style-...

不可繼承的樣式主要是盒子模型相關(guān)的屬性:如border,margin、padding、background、height、width、overflow、position...

二.權(quán)值

有的時候,我們?yōu)橥粋€元素設(shè)置了不同的CSS樣式代碼,這時候,元素會根據(jù)權(quán)值來判斷啟用CSS樣式。

標簽的權(quán)值為1,類選擇符的權(quán)值為10,ID選擇符的權(quán)值最高為100,繼承的權(quán)值為0.1。

三.層疊

層疊就是在html文件中對于一個元素可以有多個CSS樣式存在,當有相同權(quán)重的樣式存在時,會根據(jù)這些CSS樣式的前后順序來決定,處于最后面的CSS樣式會被應(yīng)用.

四.重要性

在有些特殊的情況需要為某些樣式設(shè)置具有最高權(quán)值,這時候可以使用!important

語法舉例:p{color:red!important;}

P:這里注意當網(wǎng)頁制作者不設(shè)置CSS樣式時,瀏覽器會按照自己的一套樣式來顯示網(wǎng)頁,并且用戶也可以在瀏覽器中設(shè)置自己習慣的樣式,比如有的用戶習慣把字號設(shè)置為大一些,使其查看網(wǎng)頁的文本更加清楚。這時注意樣式優(yōu)先級為:瀏覽器默認的樣式<網(wǎng)頁制作者樣式<用戶自己設(shè)置的樣式,但記??!important優(yōu)先級樣式是個例外,權(quán)值高于用戶自己設(shè)置的樣式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,168評論 1 92
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動...
    廖少少閱讀 3,452評論 0 40
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,882評論 32 459
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,068評論 0 6
  • 學習CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,192評論 0 1

友情鏈接更多精彩內(nèi)容