background image

1. CSS Reset/重置

你也许需要先了解什么是 css 重置。然后怎么样写 css 重置呢。

你可以 copy Eric Meyer Reset, YUI Reset 或其它 css reset, 但你接下来应该根据你的项目改
成你自己的 reset. 
不要使用* { margin: 0; padding: 0; } 。我个人很爱用,原作者提到使用这句并不适用一些元
素比如单选按钮。不过俺博客里面也没有单选按钮,如果有,又重新给单选按钮重设就好
了嘛。

2. 按字母顺序来排列 css

不按字母顺序排的

div#header h1 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}

按字母顺序排的

div#header h1 {
 border-bottom: 1px solid #dedede;
 color: #000;
 font-size: 18px;
 line-height: 24px;
 margin-right: 48px;
 position: relative;
 z-index: 101;
}
理由是这样可以更好的找到某个属性。个人觉得还好,差别也不是太大。不过也许会适合
你。

3. 更好的组织 css 结构

使用 css 注释来分给 css 分组,这样结构明了,也有利于协同设计。

/*****Reset*****/
xxxxxxx{xxxxx}