1.HTML标签的分类
基本标签：h1~h6、div、p、a、ul、li、img、input、button、dl、dt、dd
基本块标签：h1~h6、div、p、ul、li、dl、dt、dd
特点：
1.独占一行
2.能设置width、height
特性：
display:block
基本内联标签：a、span、em、strong、i
特点：
1.并排显示
2.不能设置width、height
3.不能设置margin-top、margin-bottom
特性：
display:inline
基本内联块标签：img、input、button
特点：
1.并排显示
2.能设置width、height
特性：
display:inline-block
内联元素和内联块元素水平居中的方法
方法一：
display:block;
margin:0 auto;
方法二：
给父级元素加：text-align:center;
2.CSS样式选择器
<p class="one" id="two">hello world</p>
<h1>标题</h1>
1.元素选择器
文档的元素是最基本的选择器
p{
color:red;
}
2.class选择器
.one{
color:blue;
}
3.id选择器
#two{
color:green;
}
4.分组选择器
p,h1{
background:gray;
}
5.后代选择器
div>span{ } //选取所有子元素为span的标签
div span{ } //选取div之后的所有span元素
6.兄弟选择器
div + p{ } //选取紧邻div之后的第一个兄弟元素
div ~ p{ } //选取紧邻div之后的所有兄弟元素
7.伪类选择器
div:hover{ } //选择鼠标指针浮动在其上的元素，并设置其样式
input:focus{ } //选择获得焦点的输入字段，并设置其样式
8.伪元素
":before" //伪元素可以在元素的内容之前插入新内容
p:before{
content:"hello world";
}
":after" //伪元素可以在元素的内容之后插入新内容
p:after{
content:"hello world";
}
3.选择器的优先排序
元素选择器 < class 选择器 < id 选择器 < !important
