语法:
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明
css语法规则
行内样式表
直接在区块中添加style属性
<!--行内样式表,一般不写写行内样式表,优先级最高-->
<p style="font-size: 100px;">
测试用的文字,<br />2222222222
</p>
标签选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示
body { //选择器和标签名相同
/*background: green;*/
/*background: # ffffff*/
background: url("a3.jpg") no-repeat;
}
对所有body标签生效
body.bgtest { //标签名后加".选择器名"
/*background: green;*/
/*background: # ffffff*/
background: url("a3.jpg") no-repeat;
}
对所有body标签生效
最佳选择:
/*class选择器!重点*/
.mydivcss{ //mydivcss就是选择器的名字,想要使用此选择器必须要在标签的class属性中指定这个选择器
color: aqua;
background: deeppink;
}
使用方法:
<!--使用class选择器-->
<div class="mydivcss"> //直接在想要改变样式的标签中把class属性指向指定的选择器就行
asdfsadf <br/>
adsfasdf <br/>
ddddddddd <br/>
</div>
id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":
#para1
{
text-align:center;
color:red;
}
网友评论