CSS學(xué)習(xí)筆記(三)

CSS三大特性

一、繼承性

1、什么是繼承性
給父元素設(shè)置一些屬性,子元素也會(huì)受影響

2、注意點(diǎn)

  • 2.1、并不是所有屬性都有繼承性,只有以 color/font/text/line開頭的屬性才可以繼承
  • 2.2、不僅僅是兒子可以繼承 只要是后代都可以繼

3、繼承性中的特殊性

  • 3.1 a標(biāo)簽的文字顏色和下劃線是不能繼承的
  • 3.2 h標(biāo)簽的文字大小是不能繼承的

4、應(yīng)用場(chǎng)景
一般用于設(shè)置網(wǎng)頁(yè)上的一些共性信息,例如網(wǎng)頁(yè)的文字、字體

二、層疊性

1、什么事層疊性
作用:層疊性就是css處理沖突的一種能力

注意點(diǎn):
層疊性只有在多個(gè)選擇器選中“同一個(gè)標(biāo)簽”, 又設(shè)置了相同屬性

三、優(yōu)先級(jí)

1、作用:層疊由優(yōu)先級(jí)來(lái)確定

2、優(yōu)先級(jí)判斷的三種方式

  • 2.1 是否是直接選中 (間接選中就是指繼承)
  • 2.2 相同選擇器:相同選擇器 后面的起決定作用
  • 2.3 不同選擇器:按照優(yōu)先級(jí)來(lái)層疊
    id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)

3、!important

  • 3.1 只能用于直接選中標(biāo)簽
  • 3.2 只能提升被指定的屬性的優(yōu)先級(jí) 其他屬性不會(huì)受影響

4、權(quán)重

  • 4.1 作用:多個(gè)選擇器混合在一起時(shí),根據(jù)權(quán)重判斷優(yōu)先級(jí)
  • 4.2 計(jì)算規(guī)則
    id 的數(shù)量多的優(yōu)先級(jí)最高 (id)
    id數(shù)量一致 再看類名的個(gè)數(shù) (類名)
    類名的個(gè)數(shù)一樣,再看標(biāo)簽的個(gè)數(shù) (標(biāo)簽)
    如果以上三者都一樣 那么后面的就會(huì)覆蓋掉前面的屬性值
  • 4.3注意點(diǎn)
    只有選擇器是直接選中 才會(huì)計(jì)算權(quán)重
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,108評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,527評(píng)論 19 139
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 12,332評(píng)論 6 13
  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    Jackson_yee_閱讀 562評(píng)論 0 0
  • 心靈自由寫作第五篇之美好的人和事 數(shù)一數(shù)手指,一下子上班就是節(jié)後第三天了,過(guò)得很快?;叵肫鹱蛲砗图胰丝匆粋€(gè)“1+1...
    喬大衛(wèi)REIKI閱讀 298評(píng)論 1 0

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