<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css选择器</title> <style type="text/css"> *{ font-size: 33px; } /*当使用*选择器的时候, 会选择所有标签*/ div{ color: red; } #div1{ color: green; } /* # 代表id . 代表类名 */ /*后面样式覆盖先前样式*/ /*但是id样式权重高于类样式权重*/ .green{ color:blue; } .big{ font-size: 44px; } /*类选择器,在实际开发中使用最多. 一次定义多次使用*/ </style> </head> <body> <div class="green">这是第一个div</div> <div class="green big">这是第二个</div> <div id=div1>第三个</div> <!-- 使用标签id选择器的时候,要给标签赋予id值,且id不能相同 --> <p>这是一个p标签</p> </body> </html>