浅谈:如何写出规范的CSS-成都快上网建站

浅谈:如何写出规范的CSS

细致构思网页框架

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

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

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

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

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

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

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

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

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

总结

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


当前标题:浅谈:如何写出规范的CSS
文章分享:http://kswjz.com/article/sihoss.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流