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.谨慎添加新的选择符规则，尽量复用，少使用ｉｄ
７.避免使用各种ＣＳＳ Ｈａｃｋ
８.标签层级选择 尽量少
９.慎用 ！important
１０.使用具有语义化的class或id
１１.注释格式，统一使用 ／＊＊／
１２.上下模块之间的无背景间距统一使用下一个模块的margin－top来实现。好处是即使没有下一个模块也不会出现多余的间距。
１３:link :visited :hover :active书写顺序 L-V-H-A，速记：LoVe（喜欢）HAte（讨厌）。
１４．no－use ＠import
网友评论