前言
每一条css样式定义由两部分组成,形式如下: 选择器{样式} ,在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
基础选择器
1.通配符选择器
通配符选择器用*表示,所有样式都要写在’‘style’’ 标签中(style标签要写在头部head中).,通配符选择器设置的样式在所有标签中都适用
<style>
*{
<!--所有的样式都要用分号隔开 这里设置的是页面所有的外边距和内边距都为0-->
margin:0 px;
padding:0 px;
}
</style>
2.标签选择器
标签选择器很好理解,就是直接写标签名{},例如:
<style>
p {
font-weight:900;
}
span {
<!-- 这里写样式 -->
font-size:16px;
}
</style>
<p></p>
<span></span>
3.类选择器
类选择器是在标签中写class然后给它一个类名,例如:
<style>
<!-- 写类选择器时必须在类名前加一个'.' 一个标签可以拥有多个类名 -->
.max {
font-weight:900;
}
.min {
<!-- 这里写样式 -->
font-size:16px;
}
.mid{
<!-- 这个以后可能会用到-->
color:red;
}
</style>
<span class="max mid"></span>
<p class="min"></p>
4.id选择器
id选择器是在标签里给它加一个属性id,例如:
<style>
<!-- 写id选择器时必须在id名前加一个'#' 这里id选择器和类选择器有所不同,只能有一个id名 -->
#div{
font-weight:900;
}
</style>
<div id="div"></div>
总结
这先说到这里,下次来介绍其他的五个常用到的选择器。