css三大特性

CSS三大特性

「1. CSS 層疊性」

概念:所謂層疊性是指多種CSS樣式的疊加

是瀏覽器處理沖突的一個能力,如果一個屬性通過兩個相同選擇器設(shè)置到同一個元素上煮甥,那么這個時候一個屬性就會將另一個屬性層疊掉

原則:樣式?jīng)_突茅姜,遵循的原則是就近原則掘而。 那個樣式離著結(jié)構(gòu)近始赎,就執(zhí)行那個樣式鄙早。

樣式不沖突昧穿,不會層疊凡壤。

「2. CSS 繼承性」

概念:

? ? ? 子標簽會繼承父標簽的某些樣式署尤,如文本顏色和字號。

? ? ? 想要設(shè)置一個可繼承的屬性亚侠,只需將它應(yīng)用于父元素即可曹体。

注意:

? ? ? ? 恰當?shù)厥褂美^承可以簡化代碼,降低CSS樣式的復雜性硝烂。比如有很多子級孩子都需要某個樣式箕别,可以給父級指定一個,這些孩子繼承過來就好了滞谢。

? ? ? ? 子元素可以繼承父元素的樣式(text-串稀,font-,line-這些元素開頭的可以繼承狮杨,以及color屬性)

「3. CSS 優(yōu)先級(CSS特殊性)」

概念:定義CSS樣式時母截,經(jīng)常出現(xiàn)兩個或更多規(guī)則應(yīng)用在同一元素上,此時橄教,

選擇器相同清寇,則執(zhí)行層疊性

選擇器不同,就會出現(xiàn)優(yōu)先級的問題护蝶。

-權(quán)重計算公式:

繼承的權(quán)重是0:我們修改樣式华烟,一定要看該標簽有沒有被選中

? ? ? ? 如果選中了,那么以上面的公式來計權(quán)重持灰。誰大聽誰的盔夜。

? ? ? ? 如果沒有選中,那么權(quán)重是0,因為繼承的權(quán)重為0.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末喂链,一起剝皮案震驚了整個濱河市返十,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌衩藤,老刑警劉巖吧慢,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赏表,居然都是意外死亡检诗,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門瓢剿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逢慌,“玉大人,你說我怎么就攤上這事间狂」テ茫” “怎么了?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵鉴象,是天一觀的道長忙菠。 經(jīng)常有香客問我,道長纺弊,這世上最難降的妖魔是什么牛欢? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮淆游,結(jié)果婚禮上傍睹,老公的妹妹穿的比我還像新娘。我一直安慰自己犹菱,他們只是感情好拾稳,可當我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著腊脱,像睡著了一般访得。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上陕凹,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天震鹉,我揣著相機與錄音,去河邊找鬼捆姜。 笑死,一個胖子當著我的面吹牛迎膜,可吹牛的內(nèi)容都是我干的泥技。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼珊豹!你這毒婦竟也來了簸呈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤店茶,失蹤者是張志新(化名)和其女友劉穎蜕便,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贩幻,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡轿腺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了丛楚。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片族壳。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖趣些,靈堂內(nèi)的尸體忽然破棺而出仿荆,到底是詐尸還是另有隱情,我是刑警寧澤坏平,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布拢操,位于F島的核電站,受9級特大地震影響舶替,放射性物質(zhì)發(fā)生泄漏令境。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一坎穿、第九天 我趴在偏房一處隱蔽的房頂上張望展父。 院中可真熱鬧,春花似錦玲昧、人聲如沸栖茉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吕漂。三九已至,卻和暖如春尘应,著一層夾襖步出監(jiān)牢的瞬間惶凝,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工犬钢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留苍鲜,地道東北人。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓玷犹,卻偏偏與公主長得像混滔,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,435評論 2 359

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

  • HTML總結(jié) sublime 環(huán)境配置 使用sublime text 3 打開百度在搜索框中輸入sublime t...
    Viarotel閱讀 483評論 0 0
  • HTML總結(jié) 1、 網(wǎng)頁的標題领跛、注釋乏德、屬性 網(wǎng)頁結(jié)構(gòu)···<!DOCTYPE html> Document ...
    風中丶凌亂閱讀 262評論 0 2
  • 1 . 有序列表、無序列表吠昭、自定義列表如何使用喊括?寫個簡單的例子。三者在語義上有什么區(qū)別怎诫?在哪些情況下使用哪種(重要...
    osborne閱讀 560評論 0 0
  • 前言:國慶有點時間就這樣整理了一遍:在Typora 整理覺得挺好看的瘾晃,這里顯示真心難看,排版不出效果幻妓。時間關(guān)系就這...
    光明程輝閱讀 2,790評論 1 2
  • html是什么:超文本標記語言 html的唯一作用就是:給指定的文本添加語義蹦误。 html的標準格式: <!DOCT...
    Lins7閱讀 995評論 0 2