选择器作用
选择页面上的某一个或者某一个元素
基本选择器
标签选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*标签选择器,会选择页面上所有的这个标签元素*/
h1{
color: #a7ff81;
background: brown;
border-radius: 25px;
}
p{
font-size: 80px;
}
</style>
</head>
<body>
<h1>你好</h1>
<h1>你好</h1>
<p>世界</p>
<p>世界</p>
</body>
</html>
结果:
类选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*类选择器:
.类名
可以实现归类,可以复用*/
.zhengbenqi{
color: aquamarine;
}