由于一天写的内容被CSDN吞噬了，先来整理后一部分，~
1.垂直居中：带宽度的块级元素居中：margin：0 auto；文字：text-align：center；
vertical-align：baseline/top/middle/bottom;只能做行内元素或行内块元素的内容对齐，通过用来控制图片/表单与文字的对齐。
由于文字和图片放一起图片底部会和文字的基线对齐，如何让文字在图片中线显示：img{vertical-align:middle;}
重要特性：图片或者表单等行内块的底线会和父级元素盒子的基线对齐，这样图片底部会有小缝隙，这是个bug
解决：img{vertical-align:bottom;} 或者img{display:block;}
2.如何做溢出的文字隐藏：
white-space:normal(会换行压着其它字)/nowrap(在一行);设置或检索对象内文本显示方式，通常强制在一行显示
overflow：hidden;溢出部分隐藏
text-overflow:clip/ellipsis;设置是否用...来标识。clip不显示，直接裁切。ellipsis显示...
注意：首先强制在一行内显示，再和overflow属性搭配使用。
3.css精灵技术sprite
问世缘由：如果网页上有很多小图片，如果每个小图片都需要向服务器请求一次的话，太麻烦。现在网速不是问题，服务器并发是问题，所以精灵图是一个大图，里面有很多小图片，只需请求一次。主要用到background-position进行精确定位。
但是如果是小公司，没必要使用，维护成本高。
使用：总的布局里写background:url() norepeated;具体使用的地方写：backgroud-position:-400px -100px;等。
4.如何做到a链接的背景随着字数的增长，背景相同。比如
内容：<a href="#"><span>首页</span></a> 布局：给a设置长背景，靠左显示，给span设置背景，靠右显示。
5.字体图标：后面会有详细的
只要复制过去，然后定义font-family就可以成功了。其它的font-size color就和字体是一样的。