细致构思网页框架

创新互联公司成立于2013年，先为修文等服务建站，修文等地企业，进行企业商务咨询服务。为修文企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

很多初学者犯一个错误，那就是网页的基本框架还没有定义好，就开始着手思考CSS样式，这是造成CSS样式混乱的一个重要原因。应该细致，精密的构思出整个网页的框架，并将其画在纸上或是画在VISIO里，严格的定义出来。这样我们才有足够的章法去规划CSS样式表。

使用规范的名称与良好的注释习惯

有些时候，我们做的网页可能完成后会很久不动，也可能会交给其他人打理，那这事儿可能就麻烦了。没有一个良好的命名规范与注释的话，很可能造成自己或维护的人完全不知道里面写的这是什么意思，还需要从头去认真的研究一番，耗时耗力。

因此，不论是为了我们自己还是为了日后维护的人，都应该尽可能的使用规范的名称来定义每一个类或者ID

从外至里，从上至下，从左至右

与其说这是制定规范CSS的基本方向，不如说是制定规范网页的基本方法。我们在构思网页时一般都是按照这样的思路来划分区域，而在CSS中势必也应按照这样的顺序来书写并按照区域加上注释，以便在我们日后的维护中更容易寻找某个定义的类或者ID。

补充的样式尽可能做到页面与表现完全分离

有时候我们在完成整个页面后，仍然需要添加一些样式，对其进行修改，此时，我们一定要避免直接在页面写“style=”，而一定要做到页面与表现分离，耐心的将补充的样式写进样式表。方便日后的维护。

总结

在最初学习CSS时，总喜欢途一时之快，很迅速的就设计出一套页面，但回过头再看，页面缺乏规则，样式缺少规范。因此，总结出这些问题，希望能和大家一起纠正自己在书写CSS中的问题，更加规范的来完善自己的CSS样式表。

网站名称：浅谈：如何写出规范的CSS
文章起源：http://abwzjs.com/article/sihoss.html