1、html、css代码标准化代码
对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保持统一的风格,以便于代码整合和后期维护。
在定义css样式的时候,能合并一起写的尽量要合并在一起。例如:
修改前:#bd{margin-left:40px;margin-right:40px;margin-left:40px;margin-bottow:40px;}
修改后:#bd{margin:40px;}
还有能合并成一组属性的要合并到一组属性中,每个选择器之间用逗号分隔开。例如:
修改前:
#bd{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
修改后:
#bd.#ab{font-size:12px;color:#333;margin:10px 0px 10px 10px;}
网站像ul、img、a、a:hover等一些标签,这些标签在网站上显示的样式通常都相同,所以在css开始的时候要将样式统一设置一下,避免在网页布局用到的时候还需要在每个id或者class中重复设置,使css增大。css不要放在页面的标签中。一个网站往往会用到许多个id或者class,如果放在页面上,会使整个页面加大,不利于优化,所以要把所有css文件单独存放在命名为css的外部文件中.
语法:
css作用的优先级:自身的style属性>页面的内部style对象>页面外部css文件。
2、网站代码编写要规范整洁,尽量避免使用网页减肥工具。
现在网上流行许多给网页减肥的工具,不过不建议使用,毕竟都不是智能的,有的时候对网页的结构根本分辨不出来,甚至错误地去掉一些代码,例如把标签的后半部分去掉等,造成网页破版。有调整破版的时间,还不如自己按照前面介绍的网页减肥方法来操作。下面举个最简单的布局嵌套的例子。
处理前:
< div >< div >第一行< div >< div >第二行。
处理后:< div >< div >< div >第一行< div >< div >第二行。
【凯发k8网址手机下载的版权声明】:本站内容来自于与互联网(注明原创稿件除外),供访客免费学习需要。如文章或图像侵犯到您的权益,请及时告知,我们第一时间删除处理!谢谢!