CSS写作注意事项

1.统一使用 UTF-8 编码
2.全局字体设置:
font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
3.属性写在一行内,最后一个样式不加; 号
.class{width:200px;height:100px}
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写作注意事项)