<!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>