1.统一使用 UTF-8 编码
2.全局字体设置:
<code>font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";</code>
3.属性写在一行内,最后一个样式不加; 号
<code>.class{width:200px;height:100px}</code>
4.样式属性的 书写结构,由外到内,由整体到细节
位置:position,left,right,float
盒模型属性:display,margin,padding,width,height
边框与背景:border,background
段落与文本:line-height,text-indent,font,color,text-decoration,...
其他属性:overflow,cursor,visibility,...
针对特殊浏览器的属性,应写在标准属性的前面例如:
-webkit-box-shadow:;
-moz-box-shadow:;
box-shaow:;
5.带有前缀的属性,单独一行,通过缩进,让每个属性的值垂直对齐,方便编辑维护。
6.谨慎添加新的选择符规则,尽量复用,少使用id
7.避免使用各种CSS Hack
8.标签层级选择 尽量少
9.慎用 !important
10.使用具有语义化的class或id
11.注释格式,统一使用 /**/
12.上下模块之间的无背景间距统一使用下一个模块的margin-top来实现。好处是即使没有下一个模块也不会出现多余的间距。
13:link :visited :hover :active书写顺序 L-V-H-A,速记:LoVe(喜欢)HAte(讨厌)。
14.no-use @import
CSS写作注意事项
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...