之前有看张鑫旭的宽度分离，然后这次做项目的时候在想，宽度分离出来之后，命名规则怎样方便拓展，怎样方便下一次修改
按照之前的习惯，通常CSS命名我会写如下：
wid960 {960px; } （通用的地方比较多）
ml25{mragin-left:25px;}
mr20{margin-right:20px;}
也就是说我命名会根据后面的数字来命名，当然意思明了，思路清晰，下次调用根据我个人习惯，我也就可以直接写ml25 等等
但写页面必然会有需要修改的，也就是所谓的后期维护，页面拓展，等方面的东西
如果那些，我想把我整个项目的公共宽度改成 width :980px;
那么同上面的个人，我就会同时修改 CSS 以及 HTML 每次修改CSS 倒是合理，修改HTML 就不方便，也不合理
所以命名规则应该如下：
wid01{980px;}
wid02{970px;}
ml01{margin-left:10px;}
ml02{margin-left:20px}
mr01{margin-right:5px;}
mr02{margin-right:15px;}
ptb01{padding:5px 0}
类似等等