基本选择器
1、通用元素选择器
*表示应用到所有的标签。
*{
padding:0px;
margin:0px;
}
2、元素/标签选择器
匹配所有p标签的元素
p{
color:red;
background:yellow;
}
3、类选择器
匹配所有class属性中包含“起的类名”的元素。
语法:.类名{属性名:属性值;}
注意:类名不能以数字开头,类名要区分大小写
html:
<p class="head">
我是p
</p>
css:
.head{
color:red;
background:yellow;
}
4、id选择器
使用id属性来调用样式,在一个网页中id的值都是唯一的。(相当于人的身份证)
语法:#id名{属性名:属性值;}(id名不能以数字开头)
html:
<p id=”green”>我是p</p>
css:
#green{
color:green;
}
如对本文有疑问, 点击进行留言回复!!
荐 微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示
深入理解CSS background-blend-mode的作用机制
网友评论