語法:
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器,以及一條或多條聲明
css語法規(guī)則
行內(nèi)樣式表
直接在區(qū)塊中添加style屬性
<!--行內(nèi)樣式表,一般不寫寫行內(nèi)樣式表,優(yōu)先級(jí)最高-->
<p style="font-size: 100px;">
測(cè)試用的文字,<br />2222222222
</p>
標(biāo)簽選擇器
class 選擇器用于描述一組元素的樣式知残,class 選擇器有別于id選擇器酝锅,class可以在多個(gè)元素中使用纹因。
class 選擇器在HTML中以class屬性表示, 在 CSS 中蜀细,類選擇器以一個(gè)點(diǎn)"."號(hào)顯示
body { //選擇器和標(biāo)簽名相同
/*background: green;*/
/*background: # ffffff*/
background: url("a3.jpg") no-repeat;
}
對(duì)所有body標(biāo)簽生效
body.bgtest { //標(biāo)簽名后加".選擇器名"
/*background: green;*/
/*background: # ffffff*/
background: url("a3.jpg") no-repeat;
}
對(duì)所有body標(biāo)簽生效
最佳選擇:
/*class選擇器!重點(diǎn)*/
.mydivcss{ //mydivcss就是選擇器的名字,想要使用此選擇器必須要在標(biāo)簽的class屬性中指定這個(gè)選擇器
color: aqua;
background: deeppink;
}
使用方法:
<!--使用class選擇器-->
<div class="mydivcss"> //直接在想要改變樣式的標(biāo)簽中把class屬性指向指定的選擇器就行
asdfsadf <br/>
adsfasdf <br/>
ddddddddd <br/>
</div>
id選擇器
id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式伶椿。
HTML元素以id屬性來設(shè)置id選擇器,CSS 中 id 選擇器以 "#" 來定義再芋。
以下的樣式規(guī)則應(yīng)用于元素屬性 id="para1":
#para1
{
text-align:center;
color:red;
}