css学习——三种基本选择器
程序员文章站
2022-04-28 08:14:58
...
选择器（选择某一个或某一类元素）
基本选择器
标签选择器
/*标签选择器会选择页面上所有的这个标签的元素*/
<style>
h1{
color:#a13d30;
background:#1D8E46；
border-radius:24px;
}
/*color字体颜色
background背景颜色
border-radius圆角*/
p{
font-size:80px;
}
/*修改字体大小，让p标签的字比h1标签的还大*/
</style>
类选择器（class）
<!--先在html中选择标签，加入class-->
<!--如果想让多个标签的样式相同，只需要标签内class名相同即可-->
<h1 class="xxx">我是标题</h1>
<p classs="xxx">我是另一个标题</p>
<style>
/*类选择器的格式：.class的名称{}*/
.xxx{
color:red;
}
</style>
id选择器
<!--与类选择器类似，选择标签，加入id-->
<!--与类选择器的区别，id是全局唯一的-->
<h1 id="abc">我是标题</h1>
<p id="xxx">我是另一个标题</p>
<style>
/**/
#id{
color:red;
}
</style>