CSS權(quán)重指的是樣式的優(yōu)先級(jí)唇跨,有兩條或多條樣式作用于一個(gè)元素,權(quán)重高的那條樣式對(duì)元素起作用,權(quán)重相同的买猖,后寫(xiě)的樣式會(huì)覆蓋前面寫(xiě)的樣式滋尉。
權(quán)重的等級(jí)
可以把樣式的應(yīng)用方式分為幾個(gè)等級(jí),按照等級(jí)來(lái)計(jì)算權(quán)重
1狮惜、!important,加在樣式屬性值后碾篡,權(quán)重值為 10000
2、內(nèi)聯(lián)樣式牡拇,如:style=””穆律,權(quán)重值為1000
3惠呼、ID選擇器峦耘,如:#content,權(quán)重值為100
4泣崩、類(lèi),偽類(lèi)和屬性選擇器利朵,如: content、:hover 權(quán)重值為10
5绍弟、標(biāo)簽選擇器和偽元素選擇器,如:div樟遣、p身笤、:before 權(quán)重值為1
6葵陵、通用選擇器(*)、子選擇器(>)脱篙、相鄰選擇器(+)、同胞選擇器(~)文搂、權(quán)重值為0
transition動(dòng)畫(huà)
1、transition-property 設(shè)置過(guò)渡的屬性煤蹭,比如:width height background-color
2取视、transition-duration 設(shè)置過(guò)渡的時(shí)間,比如:1s 500ms
3作谭、transition-timing-function 設(shè)置過(guò)渡的運(yùn)動(dòng)方式
- linear 勻速
- ease 開(kāi)始和結(jié)束慢速
- ease-in 開(kāi)始是慢速
- ease-out 結(jié)束時(shí)慢速
- ease-in-out 開(kāi)始和結(jié)束時(shí)慢速
4、transition-delay 設(shè)置動(dòng)畫(huà)的延遲
5姨裸、transition: property duration timing-function delay 同時(shí)設(shè)置四個(gè)屬性