css教程:CSS文件应该保持整洁和统一
互联网 发布时间：2008-10-17 19:22:48 作者：佚名 
我要评论
点击这里浏览本站 CSS 频道内容。
一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。
不难看出，这是一个令人感觉很
点击这里浏览本站 CSS 频道内容。
一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。
不难看出，这是一个令人感觉很烦躁的工作，面对一行一行代码头皮发麻。如果我们养成良好的习惯，或许可以让工作更容易一些。就此问题与经验，以下的文字或许有很大的参考价值：
使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情，但是我在这里依然会强调一下这种方法的重要性。我见过的许多站点，在创站之初，CSS文件很整洁，组织的也井井有条，但是随着时间的推移，这些文档由于内嵌的甚至内联(inline)的样式出现而变得杂乱无章，一方面可能是由于给予的更新期限很短，另一方面或许就是纯粹的由于懒惰。
你正忙于一个拥有成千上万条的渠道内容同时出现的网站的大面积更新，给你的期限很短，所以你就选择了使用内嵌或者内联样式这样一些“快速修补”的方法。一些年过去了，习惯依然…，直到有一天你被告知这个站点需要重新设计，但是所有的内容仍然不变，这个时候而你只有一个星期去完成。想象一下，这将是一个怎样的境况。
其实这是很普遍的情况，更新样式表是一个再简单不过的任务，在你几年的“快速修补”之后，这些样式遍布了整个站点，相信你根本没办法记住他们在那里。所以现在你面对的只有2个选择：A、在一个星期之内找出一个方法去清理规整这些样式；B、找一份新的工作吧。
千万不要将你的工作变得愈来愈困难。使用链接和导入样式表是你的不二之选。规范的创建并保持样式表的整洁,你会活得更容易一些。
提示：小心使用链接或导入的方法会在标记上添加冗余的样式。每次你创建新的样式表，你都会更新要不就是添加新的样式，过多的外联样式不只会使补丁的修复变得困难，也会使样式表更难于维护。因此可以理解为什么大型站点会为不同的区块部分而去分离样式表。小心不要玩过火了，过犹不及。
这里很值得提及一下的是过多的样式表将会使HTTP的请求数增加。这些都会潜在的影响性能。因此，InternetExplorer将链接的样式表数限制在了32个。
请特别注意，在实际工作中，注意保持CSS文件整洁与样式统一。
相关文章
这篇文章主要介绍了关于CSS浮动与取消浮动的问题，通过设置元素脱离正常的文档流让元素靠左或向右靠近，通过设置文字包周围图片来解决浮动问题，具体解决方法跟随小编一起2021-06-28
本文介绍了什么是 ::marker 以及它的一些实用场景，可以看出虽然 ::before 、::after 也能实现类似的功能，但 CSS 还是提供了更具有语义化的标签 ::marker，也表明了大家需2021-06-25
很多前端的初学者,在使用margin的之后或许会遇到一些问题，本文主要介绍了margin塌陷和margin合并，需要的朋友们下面随着小编来一起学习学习吧2021-06-24
当我们想写一个类似掘金的文章或者自己的博客的时候，是否有想过该怎么实现给自己文章的章节添加章节号，本文就来介绍一下使用CSS实现章节添加自增序号的方法，感兴趣的可2021-06-23
本文主要介绍了CSS变量实现主题切换的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-06-23
本文就将介绍一些使用单标签绘图的技巧，并且使用这些技巧，借用单个标签去实现一些复杂图形，本文通过实例代码给大家介绍的非常详细，需要的朋友参考下吧2021-06-16
这篇文章主要介绍了CSS几步实现赛博朋克2077风格视觉效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-15
今天来带大家做一个可爱的滑动导航栏效果，这个demo很基础，但是使用场景非常广泛，感兴趣的小伙伴们可以参考一下2021-06-15
大家都知道Calc方法有个很大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度，本文通过一个例子给大家详细介绍，需要的朋友参考下吧2021-06-03
本文将给大家介绍使用 CSS prefers-* 规范提升网站的可访问性与健壮性的相关知识，在css媒体查询中新增的几个特征功能,本文也给大家详细介绍，需要的朋友可以参考下2021-05-25
最新评论
扫一扫
158
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
