CSS布局中如何组织样式表以便于简化、维护

原创 2007年10月10日 22:16:00

 对于简单的Web站点,可以只使用一个CSS文件。对于大型的复杂站点,对样式表进行分割以便简化维护是一种好做法。如何分割样式表是需要仔细考虑的。我一般用一个CSS文件处理基本布局,用另一个文件处理版式和设计修饰。这样的话,在布局确定之后,就很少需要修改布局样式表。这可以防止布局样式表被意外地改动或破坏。

  还可以进一步细分,比如用单独的CSS文件处理颜色。这样的话,如果希望提供新的颜色方案,就只需要创建一个新的颜色样式表。如果站点上有许多表单,那么可以用单独的CSS文件处理所有表单样式。可以只在需要时链接这个文件,从而减少最初的下载开销。如果站点上的一些页面与站点的其余部分很不一样,那么可以考虑让它们使用它们自己的CSS文件。例如,如果主页的布局与站点的其余部分很不一样,那么可以为主页创建单独的CSS文件。

  请记住,每个CSS文件都意味着要对服务器进行一次额外的调用。这会影响性能,所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件。最终的选择实际上取决于实际情况,而且在某种程度上这是一个个人喜好问题。我倾向于尽可能保持灵活性和维护的简单性。 

css学习笔记——三种样式表的使用及区别

css学习笔记——三种样式表的使用及区别
  • Gavid0124
  • Gavid0124
  • 2015年04月28日 08:46
  • 1749

CSS:外部样式表/内部样式表/内联样式

在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式。 本文代码整理自w3school:http://www.w3school.com.cn...
  • books1958
  • books1958
  • 2014年12月05日 15:15
  • 4284

引入css外部样式表的注意事项

转自◎小黑路人xiaoho.com 前言 为什么会有这篇文章,外部引入样式有什么好谈的,不外乎就是 就这么简单,还有什么,so easy,我之前都是这么认为的你肯定比我聪明多了~_^,但...
  • ye_mingjia
  • ye_mingjia
  • 2015年03月16日 14:40
  • 794

对用DIV+CSS+JS实现多子部门组织结构图的改进

这是回复论坛一坛友的问题涉及到的。 坛友给出的组织结构图,主要是解决在子部门较多时一排放不下的情况怎么办。虽然利用折叠可以放下,但是却可能对组织关系造成误解。我提出了两种改进的方法,大意相同,只是后一...
  • theforever
  • theforever
  • 2016年08月11日 18:32
  • 1707

Qt样式表的使用

Qt中可以灵活的使用层叠样式表(CSS),其语法和CSS很相似。因为HTML CSS的灵活性,所以可以很方便的为QT界面设计自己需要的外观。除了子类化Style类,使用QT样式表(QStyleShee...
  • u010258235
  • u010258235
  • 2015年08月19日 12:29
  • 3148

CSS样式中内联、嵌入、外部样式

内联样式 内联样式是使用style属性添加到元素的样式。 This is a paragraph. 嵌入样式 当单个文档需要特殊的样式时,就应该使用嵌入样式表。你可以使用 标签在文档头部...
  • sunshinerou
  • sunshinerou
  • 2017年05月28日 08:29
  • 1233

@import导入外部样式表与link链入外部样式表的区别

先解释一下网页添加css样式的方法,一共有四种,分别是: 一、内嵌样式——直接在页面的标签里加测试信息 二、内部样式表——在head部分加入 div{margin: 0;padding: ...
  • zengxiangxuan123456
  • zengxiangxuan123456
  • 2016年04月11日 13:40
  • 1058

微信小程序css篇----布局(Layout)

说到布局,脑子里第一反应出来的就是LinearLayout,RelativeLayout等等,不过现在既然是小程序,那当然得换换思路了,来看看css中有哪些布局方式。 一:布局有以下几种:displa...
  • qq_32067045
  • qq_32067045
  • 2016年12月29日 18:08
  • 5525

Qt StyleSheet样式表实例

转自:http://blog.csdn.net/fu1201520/article/details/41147737 在涉及到Qt 美工的时候首先需要掌握CSS 级联样式表。 ...
  • dancing_night
  • dancing_night
  • 2016年08月02日 15:55
  • 2203

CSS样式表初始化代码

CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影...
  • u010278749
  • u010278749
  • 2014年11月12日 16:03
  • 295
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS布局中如何组织样式表以便于简化、维护
举报原因:
原因补充:

(最多只允许输入30个字)