一，margin
.标准文档流，margin在竖直方向的不叠加，以较大的为准
.使用margin： auto;的盒子必须有明确的width,并且只有标准文档流的盒子
才能使用margin: auto;
.善于使用父亲的padding而不是儿子的margin;
二，css精灵
.css精灵优点，减少http请求
.通过background-position来控制显示位置
.background-attachment:fixed; 背景图片固定，不随滚动条滚动
精灵的使用 background url(inages/.jpg) no-repeat -133px; 三，定位
.相对定位 position:relation;
right: -100px;
bottom:-100px;
元素微调和做绝对定位的参考
.一个绝对定位的元素，如果父辈元素中出现了也定位了的元素，那么将以父辈这个元素，为参考点
.子类绝对定位父类相对定位用的比较多
.绝对定位后的盒子居中
width:600px;
height:60px;
position:absulate;
left:%;
top:;
margin-left:-300px;(为实际宽度的一半)
.固定定位相对浏览器窗口定位：position:fiexd;
四，浮动
.浮动的元素脱标
.浮动的元素互相贴靠
.浮动的元素有“字围”效果
五，清除浮动
.父类div设置height
.clear:both
.隔墙div
.overflow:hidden;
六，块级元素和行内元素
.块级元素 <p>
霸占一行，不能与其他任何元素并列
能接受宽，高
如果不设置设置宽度，宽高默认为父亲的100% .行内元素 <span>
与其他元素并排
不能设置宽高，默认宽高就是文字的宽高。 display:inline; 让块级元素变为标签。
display:block; 让标签元素变为块级元素。
七，伪类
display: block; 将元素弄成块级元素
伪类<a>标签 ：link 没有点击过的样式
：visited点击过的样式
：hover 鼠标悬停的样式
：active 鼠标点击不松的样式
八，z-index
1.只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。
2.z-index值就是一个正整数。默认的z-index值是0。
3.如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。