<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
/*标签选择器*/
/*p{*/
/*color:red;*/
/*}*/
/*id选择器*/
#s1{
color: yellow;
font-size:18px;
}
/*类选择器*/
.title{
color:yellowgreen;
font-size:14px;
}
.green1{
color:green;
}
.fon1{
font-size:30px;
}
.xiahuaxian{
text-decoration: underline;
}
</style>
<body>
<!--
css的选择器：1 基本选择器 2 高级选择器
标签选择器
a.可以选中所有标签
b.不管标签在哪都能选中
c.选中的是所有，而不是某一个
id选择器
a.同一个页面中id不能重复
b.任何标签都可以设置id
c.命名规范要以字母开头，可以有数字，下划线，大小写严格区分
类选择器(class)
a.任何标签都可以设置类
b.类可以重复
c.类名可以设置多个
总结
a.每个标签携带多个类，共同设置样式
b.类的样式尽可能的小，能够让更多的标签去使用
-->
<div>
<p>我是一个段落</p>
</div>
<div>
<span id="s1">123</span>
</div>
<div>
<h3 class="title">我是一个三级标题</h3>
<h3>我是一个三级标题</h3>
<h3 class="title">我是一个三级标题</h3>
<h3>我是一个三级标题</h3>
<h3>我是一个三级标题</h3>
</div>
<div>
<p class="green1 fon1">段落1</p>
<p class="green1 xiahuaxian">段落2</p>
<p class="fon1 xiahuaxian">段落3</p>
</div>
</body>
</html>
