在css文件中主要有4大选择器,分别为:
*- 类选择器
- id选择
- html元素选择器
- 通用选择器*
css中选择器的基本使用方法为:
选择器{
属性1:属性值;
属性2:属性值;
….
}
四种选择器的优先级为:
id选择器>类选择器>html元素选择器>通配符选择器
- 类选择器
基本使用
.类选择器{
属性名:属性值;
…..
}
如:
.s{
font-size:12px;
color:red;
background-color:blue;
}
使用如:<div class="s">内容</div>
2.id选择器
基本使用
#id选择器{
属性名:属性值
…..
}
如
#id1{
background-color:gray;
font-size:15px;
}
使用如:<span id="id1">内容</span>
id在每个html页面的值必须是唯一的,不可以复用
3.html元素选择器
基本使用
html元素{
属性名:属性值;
….
}
如
p{
font-size:12px;
color:red;
background:blue; }
这样则每个p标签都会使用这个选择器
4.通配符选择器
基本使用
*{
属性名:属性值;
….
}
如
*{
margin:0;
padding:0; }