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}