您会发现,在大型项目中,布局和颜色/风格 CSS(如果您对此很聪明的话)通常恰好是分开的。首先,如果您发现自己一遍又一遍地设置颜色/字体大小/字体系列样式规则,那么您就是在浪费时间。通常你应该在一个地方定义你的字体:body 标签。任何额外的字体都应该在它们各自的标签中定义...... h1、h2、p 等。在我看来,给这些标签提供位置指令不是一个好习惯;它们应该放置在负责布局的 div 中。颜色和字体大小也是如此。我认为该规则的唯一例外通常是背景素材,如果你有很多渐变和类似的花哨的东西,尤其如此。
真正归结为计划;一个精心策划的项目只需要很少的颜色/风味风格规则。所以要回答你的问题,是的,我通常有一个“Global.css”文件,它为 h1-h5、a、p 和任何其他包含文本的标签定义了我的所有字体和颜色。
编辑:
通常,由于我从事的项目规模相当大,并且具有许多不同的模块,因此我们将样式以某种层次结构分开;这是有道理的,因为 CSS 的工作方式——只要你不改变放置在“base”(或者在我们的例子中,global.css)中的样式规则,样式就会戳。这很有帮助,因为当我们想要修改网站的字体时,我们只需更改“body”标签处的 font-family 规则,它就会传播到整个网站。
所以,我们的样式表布局是这样的:
Global.css (Fonts/Text/Primary font colors)
--> genericBase.css (basic page structures such as columns that are used throughout the site)
--> nav.css (left-hand nav and/or top nav bar)
--> formLayout.css (labels, inputs, fieldsets, any other form stuff)
-----> forums.css (individual modules' styles that may deviate a bit from the usual structures, or simply things specific to those pages)
-----> blogs.css
-----> messages.css (etc etc etc)
此处的箭头表示层次结构中文件的“顺序”。箭头越长,如果我们将所有样式放在一个文件中,这些文件包含的规则在样式表中的位置就越靠下。
所以你看,整个想法是从非常通用的样式开始,然后逐步深入到最具体的样式。请记住,CSS 文件的加载顺序对浏览器很重要。你可以利用它来发挥你的优势。有趣的是,当我们处理特定模块的 css 文件时,我们几乎没有要编写的样式,因为大多数其他重要的东西实际上已经自行解决了。
就像我说的,计划非常重要。我发现这种方法可以更轻松地“调试”我的样式,而且我几乎不使用任何 hack,通常只用于愚蠢的 ie6 东西。
如果您需要更多信息,请告诉我。很高兴这对您有帮助。