CSS的三大特性

CSS的繼承性

什么是繼承性

作用給父元素設(shè)置一些屬性售担,子元素也可以使用巧鸭。就是繼承性

注意點(diǎn)

只有以color/font/line/text開頭的屬性才可以集成蛹批,
只要是后代都可以繼承衙荐,不是只有子元素可以繼承瓶埋。
a標(biāo)簽的顏色和下劃線不可以繼承希柿。
h標(biāo)簽的大小也不可以繼承诊沪。
應(yīng)用場(chǎng)景,一般用于網(wǎng)頁的一些共性信息曾撤,例如網(wǎng)頁的文字顏色端姚,字體,文字大小等內(nèi)容挤悉。
一般通過給body設(shè)置一些屬性渐裸。給其他標(biāo)簽繼承。


CSS的層疊性

什么是層疊性

就是CSS處理沖突的一種能力

當(dāng)多個(gè)選擇器選中同一個(gè)標(biāo)簽装悲,又設(shè)置了相同的屬性昏鹃。就會(huì)發(fā)生層疊性

CSS全稱 Cascading Style Sheet 層疊式樣式表。


CSS的優(yōu)先級(jí)诀诊。

什么是優(yōu)先級(jí)

作用:當(dāng)多個(gè)標(biāo)簽選中同一個(gè)標(biāo)簽 設(shè)置了相同的屬性 如何層疊就是優(yōu)先級(jí)決定的洞渤。
優(yōu)先級(jí)的三個(gè)判斷方式

  • 是否是直接選中。(間接選中就是指繼承)
    如果是間接選中畏梆。那么誰離目標(biāo)標(biāo)簽比較近就聽誰的您宪。
  • 是否是相同的選擇器
    如果都是直接選中并且是同類型的選擇器,那么誰寫在后面就聽誰的奠涌。
  • 不同選擇器直接選擇
    如果都是直接選擇宪巨,并且是通過不同的選擇器那么就會(huì)按照選擇器的優(yōu)先級(jí)來確定
    !important>id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)

什么是!important

作用是 用于提升某個(gè)直接選擇標(biāo)簽的某個(gè)選擇器中的某個(gè)屬性優(yōu)先級(jí)的溜畅∧笞浚可以將被指定的屬性的優(yōu)先級(jí)提升到最高

注意點(diǎn)
  • !important 只能用于直接選中,不能用于間接選中慈格。
  • 通配符選擇器也是直接選中的
  • !important只能提升被他指定的屬性的優(yōu)先級(jí)怠晴,其他屬性的優(yōu)先級(jí)不會(huì)提升。

優(yōu)先級(jí)的權(quán)重問題

什么是優(yōu)先級(jí)的權(quán)重

當(dāng)多個(gè)混合器混合在一起時(shí)浴捆,我們可以通過權(quán)重計(jì)算來判斷誰的優(yōu)先級(jí)最高蒜田。

權(quán)重的計(jì)算規(guī)則

1.1首先計(jì)算選擇器中有多少個(gè)ID,ID多的優(yōu)先級(jí)高选泻。
1.2如果ID個(gè)數(shù)一樣冲粤。看看有多少個(gè)類页眯。類名個(gè)數(shù)多的梯捕。優(yōu)先級(jí)最高。
1.3如果類名個(gè)數(shù)一樣窝撵,看標(biāo)簽個(gè)數(shù)傀顾,標(biāo)簽名稱多的優(yōu)先級(jí)高
1.4如果ID,類名碌奉,標(biāo)簽都一樣多短曾,那么就不會(huì)往下計(jì)算了寒砖。 誰寫在后面就聽誰的。

注意點(diǎn) 只有直接選擇的標(biāo)簽才需要計(jì)算權(quán)重错英。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末入撒,一起剝皮案震驚了整個(gè)濱河市隆豹,隨后出現(xiàn)的幾起案子椭岩,更是在濱河造成了極大的恐慌,老刑警劉巖璃赡,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件判哥,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碉考,警方通過查閱死者的電腦和手機(jī)塌计,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來侯谁,“玉大人锌仅,你說我怎么就攤上這事∏郊” “怎么了热芹?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)惨撇。 經(jīng)常有香客問我伊脓,道長(zhǎng),這世上最難降的妖魔是什么魁衙? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任报腔,我火速辦了婚禮,結(jié)果婚禮上剖淀,老公的妹妹穿的比我還像新娘纯蛾。我一直安慰自己,他們只是感情好纵隔,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布翻诉。 她就那樣靜靜地躺著,像睡著了一般巨朦。 火紅的嫁衣襯著肌膚如雪米丘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天糊啡,我揣著相機(jī)與錄音拄查,去河邊找鬼。 笑死棚蓄,一個(gè)胖子當(dāng)著我的面吹牛堕扶,可吹牛的內(nèi)容都是我干的碍脏。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼稍算,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼典尾!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起糊探,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤钾埂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后科平,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體褥紫,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年瞪慧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了髓考。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡弃酌,死狀恐怖氨菇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情妓湘,我是刑警寧澤查蓉,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站多柑,受9級(jí)特大地震影響奶是,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜竣灌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一聂沙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧初嘹,春花似錦及汉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至驻龟,卻和暖如春温眉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背翁狐。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工类溢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人露懒。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓闯冷,卻偏偏與公主長(zhǎng)得像砂心,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蛇耀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 一辩诞、繼承性( Inherited ):給父元素設(shè)置的屬性,子孫元素也可以使用纺涤。應(yīng)用場(chǎng)景:一般用于設(shè)置網(wǎng)頁上的一些共...
    幸運(yùn)密碼_xymm16888閱讀 540評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案译暂? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 1.繼承屬性 作用:給父元素設(shè)置一些屬性,子元素也可以使用 使用范圍: 1.color/font-/text-/l...
    5a4982b9b5fe閱讀 188評(píng)論 0 0
  • CSS選擇器 標(biāo)簽選擇器 什么是標(biāo)簽選擇器? 作用: 根據(jù)指定的標(biāo)簽名稱, 在當(dāng)前界面中找到所有該名稱的標(biāo)簽, 然...
    Jackson_yee_閱讀 501評(píng)論 0 0
  • 1)層疊性1洒琢,給一個(gè)標(biāo)簽設(shè)置的樣式發(fā)生沖突的時(shí)候即樣式的覆蓋2秧秉,瀏覽器的渲染機(jī)制是從上到下的褐桌,當(dāng)有沖突的時(shí)候就采用...
    huhu502閱讀 3,179評(píng)論 4 3