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

CSS样式表
CSS定位中Positoin、absolute、Relative的一些研究
脚本控制三行三列自适应高度DIV布局的代码
word-wrap在firefox中不起作用的解决方法
网页设计者需要了解的_网页字体大小数据参考
div+css与xhtml+css分别是什么意思?
xhtml+css网页制作中常见问题解决方法
表格标签table深入了解
DIV+CSS网页另类上下布局的实例代码
CSS实现每行新闻数量不等效果代码
JAVASCRIPT IE 与 FF 中兼容写法记录
让超出DIV宽度范围的文字自动显示省略号...
CSS使用学习总结
解决IE6 3像素Bug的css写法
用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
firefox margin-top失效的原因与解决办法
IE hack条件写法
css pointer控制在firefox下显示手型的代码
纯CSS实现上下左右都居中的代码
在DW中CSS编码需要注意和掌握的一些技巧
DIV CSS网页布局 最小高度(min-height)的妙用

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


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

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