规范css书写

正确书写顺序

（1）定位属性：position display float left top right bottom overflow clear z-index

（2）自身属性：width height padding border margin background

（3）文字样式：font-family font-size font-style font-weight font-varient color

（4）文本属性：text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow

（5）css3中新增属性：content box-shadow border-radius transform……

书写技巧

如果在一份样式文件中多次用到相同的样式，可以将重复的样式书写到同一个class中，重复调用。
例：

.div1{
	width:100px;
	color:red;
}

.div2{
	width:200px;
	color:red;
}

<div class="div1">哈哈</div>
<div class="div2">嘿嘿</div>

-----------------------------改写后---------------------------------

.red{
	color:red;
}

.div1{
	width:100px;
}

.div2{
	width:200px;
}

<div class="div1 red">哈哈</div>
<div class="div2 red">嘿嘿</div>

总结：可以规范代码的书写，提高效率，修改也不容易出错。