<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS的三个选择器</title>
<!--先声明-->
<!--#ID ID选择器-->
<!--.class 类选择器-->
<!--标签 标签选择器 -->
<script type="text/css"></script>
<style>
#zhangfei{
color: red;
font-size: 2em;
font-weight: bold;
}
.box{
color: blue;
font-size: 2em;
font-weight: normal;
}
span p{
color: yellow;
font-size: 2em;
font-weight: 900;
}
p#a{
color: saddlebrown;
font-size: 2em;
font-weight: 900;
}
p#b{
color: aquamarine;
font-size: 2em;
font-weight: 700;
}
/*p#b{*/
/* <!--字体-->*/
/* font-family: 標楷體;*/
/*}*/
</style>
</head>
<body>
<div class="box"></div>
<span id="zhangfei">张飞</span>
<span class="box">关羽</span>
<span><p>刘备</p></span>
<p id="a">刘备</p>
<p id="b">刘备</p>
</body>
</html>
