1、行間樣式
例
<div style="
width:100px;
height:100px
backgroud-color:black;
"></div>
2丁溅、ID選擇器
例
<div id="ex">ID</div>
css文件里:
#ex{
width:100px;
height:100px
backgroud-color:black;
}
3蔬芥、class選擇器
例
css文件里:
.ex{
width:100px;
height:100px
backgroud-color:black;
}
4享扔、標(biāo)簽選擇器
例
<div>ex</div>
css文件里
div{
width:100px;
height:100px
backgroud-color:black;
}
5狱意、通配符
例
css文件里
*{
backgroud-color:black;
}
6筋量、!important
優(yōu)先級(jí):!important>行間樣式>id選擇器>class選擇器>標(biāo)簽選擇器>通配符
權(quán)重:
? ? ? ? ? ? ? ? ? ? ? ? ? ? 烹吵!important? ? ? ? ?infinity
? ? ? ? ? ? ? ? ? ? ? ? ? ? 行間樣式? ? ? ? ? ? ? 1000
? ? ? ? ? ? ? ? ? ? ? ? ? ? ID選擇器 ? ? ? ? ? ? ? 100
? ? ? ? ? ? ? ? ? ? ? ? ? ? clas選擇器? ? ? ? ? ? ?10
? ? ? ? ? ? ? ? ? ? ? ? ? ? 標(biāo)簽選擇器? ? ? ? ? ? ? 1
? ? ? ? ? ? ? ? ? ? ? ? ? ? 通配符? ? ? ? ? ? ? ? ? ? ? 0
這里是采用256進(jìn)制而不是10進(jìn)制