一、id选择器
浏览器为id标签属性的属性值与id选择器名相同的标签元素添加CSS样式,其语法如下:
#id选择器名{
声明1;//声明:样式属性名:样式属性值
声明2;
...
声明n;
}
注意:①、如果样式属性有多个值,使用逗号间隔;②、如果样式属性值有空格,则:使用单引号(如果样式已经被双引号引起来)或双引号引起来。
示例如下:
<p id="zzu">郑州大学</p>
<style>
#zzu{
text-align: center;
font-family: "微软雅黑";
font-size: 40px;
border: 1px solid red;
}
</style>
运行结果如下图:
注意:
1、id标签属性的属性值不能以数字开头;
2、id标签属性的属性值在HTML文档中必须唯一。
二、class选择器
浏览器为class标签属性的属性值与类选择器名相同的标签元素添加CSS样式,其语法如下:
.类选择器名{
声明1;
声明2;
...
声明n;
}
示例如下:
<p class="a">添加边框且居中显示</p>
&