CSS布局中如何组织样式表以便于简化、维护
发布时间：2011-10-07 04:31:15 作者：佚名 
我要评论
我要评论对于简单的Web站点，可以只使用一个CSS文件。对于大型的复杂站点，对样式表进行分割以便简化维护是一种好做法。
如何分割样式表是需要仔细考虑的。我一般用一个CSS文件处理基本布局，用另一个文件处理版式和设计修饰。这样的话，在布局确定之后，就很少需要修改布局样式表。这可以防止布局样式表被意外地改动或破坏。
还可以进一步细分，比如用单独的CSS文件处理颜色。这样的话，如果希望提供新的颜色方案，就只需要创建一个新的颜色样式表。如果站点上有许多表单，那么可以用单独的CSS文件处理所有表单样式。可以只在需要时链接这个文件，从而减少最初的下载开销。如果站点上的一些页面与站点的其余部分很不一样，那么可以考虑让它们使用它们自己的CSS文件。例如，如果主页的布局与站点的其余部分很不一样，那么可以为主页创建单独的CSS文件。
请记住，每个CSS文件都意味着要对服务器进行一次额外的调用。这会影响性能，所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件。最终的选择实际上取决于实际情况，而且在某种程度上这是一个个人喜好问题。我倾向于尽可能保持灵活性和维护的简单性。
还可以进一步细分，比如用单独的CSS文件处理颜色。这样的话，如果希望提供新的颜色方案，就只需要创建一个新的颜色样式表。如果站点上有许多表单，那么可以用单独的CSS文件处理所有表单样式。可以只在需要时链接这个文件，从而减少最初的下载开销。如果站点上的一些页面与站点的其余部分很不一样，那么可以考虑让它们使用它们自己的CSS文件。例如，如果主页的布局与站点的其余部分很不一样，那么可以为主页创建单独的CSS文件。
请记住，每个CSS文件都意味着要对服务器进行一次额外的调用。这会影响性能，所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件。最终的选择实际上取决于实际情况，而且在某种程度上这是一个个人喜好问题。我倾向于尽可能保持灵活性和维护的简单性。
相关文章
- 这篇文章主要介绍了网页布局中CSS样式无效的十个重要原因，标签或alt属性以及不良的书写规范都有可能引起样式无效，广大读者可根据自身遇到的情况进行分析对照，希望对大家2017-08-10
- 下面小编就为大家带来一篇HTML基础知识——css样式表,样式属性,格式与布局详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-11
- 下面小编就为大家带来一篇CSS样式表与格式布局详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-29
- 对于刚开始接触DIV+CSS的同学来说，记住那些对象属性以及对应的值就很困难了，更何况来完成页面的布局了2012-02-20
这篇文章主要介绍了常用css样式(布局)及CSS常用样式汇编的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-28
最新评论