标签选择器
<style>
div{
width: 100px;
height: 50px;
background:green;
}
</style>
<body>
<div>标签选择器</div>
</body>
类选择器
<style>
.div{
width: 100px;
height: 50px;
background:green;
}
</style>
<body>
<div clcss="div">类选择器</div>
</body>
ID选择器
<style>
#div{
width: 100px;
height: 50px;
background:green;
}
</style>
<body>
<div id="div">ID选择器</div>
</body>
如上使用
标签选择器 | 类选择器 | ID选择器 |
---|---|---|
如q,span,div等 | . | # |
不用给样式就可以给属性 | 需要在开始标签里面给样式如<p class=""> | 需要在开始标签里面给样式如<p id=""> |
不能差异化选择 | 根据需求选择 样式点定义结构类用一个或多个开发最常用 | 每个HTML文档中的ID是唯一的,只出现一次 样式#号定义结构ID调用只能调用一次 |
div{ 属性:值; } | .div{ 属性:值; } | #div{ 属性:值; } |