選擇器的優(yōu)先級(jí)
css選擇器優(yōu)先級(jí)
- 先比較選擇器的優(yōu)先級(jí)烟号,選擇器優(yōu)先級(jí)高的會(huì)覆蓋選擇器優(yōu)先級(jí)低的
怎么看優(yōu)先級(jí)?
- 針對(duì)性強(qiáng)(范圍越小)的選擇器翻擒,優(yōu)先級(jí)越高
- 針對(duì)性越弱(范圍越大)的選擇器氓涣,優(yōu)先級(jí)越弱
- 比較先后順序,后面的會(huì)覆蓋前面的
- !important 特殊符號(hào)最高級(jí)
- 給權(quán)重陋气,權(quán)重越大劳吠,優(yōu)先級(jí)越高
{ div1
.xxx 10 #xx 100}
塊級(jí)標(biāo)簽
- 獨(dú)占一行的標(biāo)簽
- 能隨時(shí)設(shè)置高度取決于內(nèi)容的尺寸(span,a,label)
行內(nèi)標(biāo)簽(內(nèi)連標(biāo)簽)
- 多個(gè)行內(nèi)標(biāo)簽?zāi)芡瑫r(shí)顯示在一行
- 寬度和高度取決于內(nèi)容的尺寸
行內(nèi)-塊級(jí)標(biāo)簽(內(nèi)聯(lián)塊級(jí)標(biāo)簽)
- 多個(gè)行內(nèi)標(biāo)簽可以寫在同一行
- 能隨時(shí)設(shè)置高度,寬度。
優(yōu)缺點(diǎn)
- 塊級(jí)標(biāo)簽優(yōu)缺點(diǎn): 可以設(shè)置高度巩趁,但是不能寫在一行痒玩,浪費(fèi)控件
- 行內(nèi)標(biāo)簽優(yōu)缺點(diǎn):不可以設(shè)置寬度,但是能寫在一行,省空間蠢古,是靠?jī)?nèi)容來控制高寬奴曙。
display:block; # 塊級(jí)標(biāo)簽
display:inline; # 行內(nèi)標(biāo)簽
display:inline-block; # 行內(nèi)塊級(jí)