<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>选择器</title>
<!--
选择器:
1.标签选择
2.类选择器
3.ID选择器
-->
<style type="text/css">
body{
background-color: antiquewhite;
}
h1{ /* 标签选择 */
font-size: 24px;
color: blue;
}
.col{ /* 类选择器 */
color:red;
font-size: 20px;
text-align: center;
}
#font{ /* ID选择器 */
font-size: 20px;
}
</style>
</head>
<body>
<h1>古诗网</h1>
<h1 id="font" class="col">蒹葭</h1>
<p class="col">蒹葭苍苍,白露为霜</p>
<p class="col">所谓伊人,在水一方</p>
</body>
</html>