css选择器(一)基本选择器
程序员文章站
2023-11-30 10:41:16
基本选择器 1、通用元素选择器 *表示应用到所有的标签。 *{ padding:0px; margin:0px; } 2、元素/标签选择器 匹配所有p标签的元素 p{ color:red; background:yellow; } 3、类选择器 匹配所有class属性中包含“起的类名”的元素。 语法 ......
基本选择器
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;
}