<html>
<head>
<style>
/*标签选择器:*/
h3{
color: pink;
font-size:60px
}
p{
color:red;
font-size:24px;
}
/*类选择器:*/
.style-color{
color:green;
}
.style-size{
font-size: 35px;
}
#p-style{
color:blue;
font-size:45px;
}
</style>
<meta charset="utf-8" />
<title>第八次</title>
<!--<p style="color:red; font-size: 24px ;">蒹葭苍苍</p>
<p style="color:green; font-size: 24px ;">白露为霜</p>
<p style="color:green; font-size:35px ;">窈窕淑女</p>
<p style="color:blue; font-size: 45px ;">君子好逑</p>-->
</head>
<body>
<h3>选择器的用法</h3>
<p>蒹葭苍苍</p>
<p class="style-color">白露为霜</p>
<p class="style-color style-size">窈窕淑女</p>
<p id="p-style">君子好逑</p>
</body>
</html>
类选择器 :
样式点(.)定义
结构类(class)调用
一个或多个
开发最常用
ID选择器:
样式#号定义
结构id调用
只能调一次
别人勿使用
HTML eighth
Guess you like
Origin blog.csdn.net/weixin_54989803/article/details/114577965
Recommended
Ranking