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