选择器
- 标签选择器
- id选择器
- class选择器
标签选择器
选择器优先级:id>class>标签
/*标签选择器*/
h1{
color:#000000;
font-size:50px;
}
p{
text-align: center;
color: salmon;
}
body{
margin: 0;
padding: 0;
}
id选择器
/*ID选择器*/
#myP{
color: brown;
}
class选择器
/*Class选择器*/
.myClass{
font-size: 20px;
}
全部代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My World</title>
<style>
/*选择器优先级id>class>标签*/
/*标签选择器*/
h1{
color:#000000;
font-size:50px;
}
p{
text-align: center;
color: salmon;
}
body{
margin: 0;
padding: 0;
}
/*ID选择器*/
#myP{
color: brown;
}
/*Class选择器*/
.myClass{
font-size: 20px;
}
</style>
</head>
<body>
<img src="img/u=192422651,1443365817&fm=26&gp=0.jpg" width="10%" alt="你这是啥网" />
<h1 class="myClass">欢迎来到德莱联盟</h1>
<p class="myClass">
豹女,狮子狗
提莫,凯尔
德莱厄斯,德莱文
盖伦,艾希
</p>
<p id="myP">
豹女,狮子狗
提莫,凯尔
德莱厄斯,德莱文
盖伦,艾希
</p>
</body>
</html>
效果: