当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css教程:CSS文件应该保持整洁和统一

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 css教程:CSS文件应该保持整洁和统一


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 121 ::
收藏到网摘: n/a

点击这里浏览本站 CSS 频道内容。
  一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整,需要剔除冗余的代码,在CSS样式重整方面,比较头疼,不仅需要对现有的样式进行合并与精简,还需要为网站增加换肤功能。
  不难看出,这是一个令人感觉很烦躁的工作,面对一行一行代码头皮发麻。如果我们养成良好的习惯,或许可以让工作更容易一些。就此问题与经验,以下的文字或许有很大的参考价值:
  使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情,但是我在这里依然会强调一下这种方法的重要性。我见过的许多站点,在创站之初,CSS文件很整洁,组织的也井井有条,但是随着时间的推移,这些文档由于内嵌的甚至内联(inline)的样式出现而变得杂乱无章,一方面可能是由于给予的更新期限很短,另一方面或许就是纯粹的由于懒惰。
  你正忙于一个拥有成千上万条的渠道内容同时出现的网站的大面积更新,给你的期限很短,所以你就选择了使用内嵌或者内联样式这样一些“快速修补”的方法。一些年过去了,习惯依然…,直到有一天你被告知这个站点需要重新设计,但是所有的内容仍然不变,这个时候而你只有一个星期去完成。想象一下,这将是一个怎样的境况。
  其实这是很普遍的情况,更新样式表是一个再简单不过的任务,在你几年的“快速修补”之后,这些样式遍布了整个站点,相信你根本没办法记住他们在那里。所以现在你面对的只有2个选择:A、在一个星期之内找出一个方法去清理规整这些样式;B、找一份新的工作吧。
  千万不要将你的工作变得愈来愈困难。使用链接和导入样式表是你的不二之选。规范的创建并保持样式表的整洁,你会活得更容易一些。
  提示:小心使用链接或导入的方法会在标记上添加冗余的样式。每次你创建新的样式表,你都会更新要不就是添加新的样式,过多的外联样式不只会使补丁的修复变得困难,也会使样式表更难于维护。因此可以理解为什么大型站点会为不同的区块部分而去分离样式表。小心不要玩过火了,过犹不及。
  这里很值得提及一下的是过多的样式表将会使HTTP的请求数增加。这些都会潜在的影响性能。因此,InternetExplorer将链接的样式表数限制在了32个。
  请特别注意,在实际工作中,注意保持CSS文件整洁与样式统一。