css - 每页一个样式表!

标签 css

<分区>

我有一个新设计的想法。但基本上,它是上一个设计的扩展(?)版本,上一个设计的 CSS 文件有 2096 行长! (这是否常见/正常?)无论如何,我想这个新设计非常独特,因为我以前从未在其他地方见过它。

它会有很多隐藏的东西,只有在被某些东西激活时才会变得可见。每个页面都有相同的“布局”,但是,根据您所在的页面以及所点击或悬停的内容,布局会发生巨大变化。

每个页面有 1 个样式表是“好的做法”吗?

我真的没有看到这有什么缺点,但我确实认为它有助于维护它,甚至可能会稍微加快网站速度,因为每个页面都不会加载超过 CSS 文件2000 行长。

如果我只为这个新网站保留一个样式表,我敢打赌它至少有 8000 行长。在现有样式表中执行简单的查找和替换已经是一场噩梦。

最佳答案

有几种方法可以看待这一点。

如果将它们全部合并为一个,则 CSS 文件只会下载一次。然后它将被缓存,因此后续页面请求不会下载 CSS 文件。这将使初始页面加载速度变慢,但其余页面加载速度更快。

第二种解决方案是使用主页面+独立页面样式表。将主要的用于页面之间的通用内容,将另一个用于页面特定的 CSS。这种方法在获取页面时添加了一个额外的请求,但允许您将页面特定的 CSS 分开。您还可以在该特定页面的头部包含页面特定的 CSS。这将减少每次页面加载的请求数。

关于css - 每页一个样式表!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5425857/

相关文章:

css - 如何使用 CSS3 更改背景图像的色调?

html - 是什么导致 ie8 中标题和主菜单开始之间出现白色间隙

javascript - CSS 过渡动画未应用于内联 svg <text> 但在 <rect> 上它工作正常吗?

php - CSS 链接问题

html - Firefox 中的颗粒状按钮变换

html - 当用户的屏幕小于持有 wrapper 时背景图像问题

css - 通过 CSS 的 zet 版本

javascript - 2个独立的下拉按钮

html - 如何在 CSS 中使导航栏居中

php - 是否可以控制提交按钮调用哪个表单?