1、align与text-align的区别：
align是规定div元素中的内容的水平对齐方式（p中也可以使用）
text-align是规定元素中的文本的水平对齐方式，它是css属性，若要在div中使用，则需要用到style=“text-align:center”来撰写css属性
2、清除浏览器自带的边框，以及一些特效的处理：
body,div,ul,li,form,input,a,img,p{
margin:0;
padding: 0;
font-size: 12px;
font-family: "微软雅黑";
}
li {
list-style: none;
}
a {
text-decoration: none;
}
3、整体居中用：margin:auto;
4、设置边框的圆角：border-radius:5px;值越大，圆角就越大。
5、设置字体的居中：就是使div中水平和垂直都居中
水平居中用的是：text-align：center；
垂直居中用：line-height:20px; //使得行距和div的高度一致，这样就居中啦。
6、overflow：hidden；表示消除浮动，这里引入概念BFC，BFC 的一个特性便是可以包含浮动元素。
7、行内元素，块状元素，行内块元素的区别：
8、选择器的分组：1、元素选择器 p，div{ } 2、通配符 * { } 表示所有的元素都匹配 3、 类选择器 .here{} 他可以与其他的联用，p.here{} 其效果就是只有p下面的here类有效果，其他没有 4、id选择器：用的是#here{ } 跟class类似，但是他只能使用一次，作用于一个选择器。
9、后代选择器 ul li{ } //表示ul后面的所有li类，都有一样的效果，功能很强大
10、父子元素选择器 p>ul / /只有自己的儿子可以用
11、相邻元素选择器P+ul // 表示两个都可以显示
