我正在为我的公司建立一个新站点,而我正处于创建第一页的html模型的阶段.我将使用它作为网站其余部分的基础.我正在考虑更好地组织我的样式表现在我的设计看起来一致的跨浏览器,但我想知道当我打破它时还有多远.
一个想法是拥有以下内容:
reset.css
typography.css
layout.css中
colors.css
但我在哪里画线?从理论上讲,我可以继续将它们分解为类,ID等,但我认为这会过分.
这似乎是一种合理的方法吗?
巧合的是,A List Apart 今天发表了一篇文章.他们建议分为几个主要类别,包括你列出的一些类别(类型,布局,颜色),但进一步包括各种技巧,以保持老浏览器的快乐.
另一方面,将所有内容保存在一个css文件中会使浏览器和服务器之间的请求保持不变.妥协可能是将事物分开以进行开发,并将其合并为生产(作为构建过程的一部分,自然地:p).
我不倾向于将排版分成单独的样式表,尽管这似乎是一个好主意.不过我会用排版保留颜色.我的典型方法是具有以下结构:
base.css
整个网站使用的全球风格
目的是可扩展,例如使得它可以用于微型网站(但使用现有布局).
工具/进口 reset.css
page.css
实现任何特定于页面的更改.
microsite_skin.css
请参见base.css第2点