1、使用ID选择器,为标签<div>设置id=“ID名称”,ID选择符的前面是“#”,如
#head{background:red; //css样式代码
font-size:12px ; }
<div id="head">这是头标题</head>
2、使用类选择器,为标签<div>设置class=“类选择器名称”,选择符的前面是“.”,如
.head{background:red; //css样式代码
font-size:12px ; }
<div class="head">这是头标题</head>
区别:都可应用于任何元素,但ID选择器只能在文档使用一次,而类选择器可以多次使用。
可以使用类选择器词列表方法为一个元素同时设置多个样式。如 .stress{
color:red;
}
.bigsize{
fond-size:25px;
}
<div class="stress bigsize">字体颜色,大小</div>
而ID选择器则不可以。