一、css 选择器
div、p、span 标签选择器
id id选择器 #idname
class 类选择器 .classname
div p 后代选择器
div,p 分组选择器
*{} 通配符选择器
：hover 伪类选择器
二、 一堆css属性
字体设置:（继承性）
color 设置字体颜色 font-size 设置字体大小 font-weight 设置字体粗细（bold,normal） font-style 设置字体样式 （正常normal，倾斜italic等） font-family 设置字体样式（黑体，宋体等） font 以上属性的复合文本设置: （继承性）
text-color 设置文本颜色 text-align 设置文本对齐方式（left,right,center） text-indent 设置文本缩进（text-align:2em ，em表示一个汉字） text-decoration 设置文本修饰线（overline,underline,linethrough）
三、连接到外部的css js ;
四、快速整体布局代码 ： alt+shift+f ;
五、盒子模型 : 标签是矩形的，一个矩形标签就是一个盒子，网页是由一个一个盒子构成的 盒子六大属性:
background 背景颜色 width 内容宽度 height 内容高度 padding 内边距（补白），即盒子内容和边框之间的距离 margin 外边距，即边框到另外一个盒子的距离 border 边框 ，位于内边距和外编剧之间
六、男标签：对于六大属性都有效
女标签：
width、height对于女标签设置不起作用，padding、margin对于垂直方向不起作用，
height由字体大小和行高决定 ,width由内容决定
注：对于男标签，如果宽度设置为auto ，则宽度应尽可能大，占满整个盒子;对于女标签，如果宽度为auto，宽度应尽可能小，包裹内容即可。
某些标签有默认的margin和padding ，所以写页面时使用 *{margin：0；padding:0}来清楚默认的这两个属性。
关于background的属性：
1>background-color 设置背景颜色；
2>background-image 设置背景图片 background-image：url(./...);
默认情况下：背景图片小于元素，水平和垂直方向都会重复图片；默认图片的左上角和元素的左上角对齐；但是也可以修改。
3>background-repeat 背景图片是否重复
background-repeat：repeat 表示重复；
background-repeat：no-repeat 不重复；
background-repeat：repeat-x 水平方向重复；
background-repeat：repeat-y 垂直方向重复；
4>background-position 设置背景图片位置
关键字：left,right,top,bottom;
top表示元素顶端和背景图片顶端对齐；
bottom表示元素底端和背景图片底端对齐；
left表示元素左端和背景图片左端对齐；
right表示元素右端和背景图片右端对齐；
像素：50px(正数表示图片向右平移，负数表示图片向左平移), 50px(正数表示图片向下平移，负数表示图片向上平移);
百分比:0%(取图片的top、left位于元素下面)； 50%(取图片的center位于元素下面)；100%(取图片的bottom、right位于元素下面)；
