一、代码规范

一、使用相互依赖的值

　　如果font-size和line-height是有依赖关系的，例如行高是字体的2倍：　　font-size: 20px;　　line-height: 40px;　　可以优化成=>　　font-size: 20px;　　line-height: 2em;。

　　但是需要灵活运用如果font-size和line-height是没有依赖关系的（例如我只是想在某个固定高度的元素里使字体居中），两者需要写成相对单位px。

　　但是尽量使用百分比、依赖值可以大大减少你更改代码的次数。

二、合理使用代码简写

　　现实中想做一个多背景得元素：

　　background：url(1.png) no-repeat top left / 2em 2em,

　　　　　　　　url(2.png) no-repeat top right / 2em 2em,

　　　　　　　　url(3.png) no-repeat left bottom / 2em 2em;

　　可以优化成：

　　background：url(1.png) top left ,

　　　　　　　　url(2.png) top right ,

　　　　　　　　url(3.png) left bottom;

　　background-repeat: no-repeat;

　　background-size: 2em 2em;