css - 什么是好的 CSS 策略?

标签 css

<分区>

我们有一个大型 ASP.Net 网站,它有一个失去控制的单个 css 样式表。

我正在考虑使用以下策略(取自 http://www.techrepublic.com/article/developing-a-css-strategy/5437796/),这对我来说似乎合乎逻辑...

您可能有一个 CSS 文件专门用于站点范围的样式,而单独的 CSS 文件用于站点页面的可识别子集(例如特定部门的页面或具有不同布局样式的页面)。对于特定页面独有的样式,请为每个页面使用单独的 CSS 文件(如果样式太多而无法轻松放入文档页眉)。您为每个页面链接或导入适当的 CSS 文件,以便您加载显示该页面所需的所有样式,但很少有只出现在其他页面上的不必要样式。

这是继续进行的好方法吗?有哪些替代方案?

最佳答案

我认为最好的选择是将 css 划分为:

-layout.css

-content.css

然后,如果您需要其他更具体的内容,您可以为广告添加更多类似 CSS 的内容:ads.css,或为特定部分添加一个 CSS。

我还会为 IE css hack 添加 ie.css。

我不会谈论只为一个页面创建一个 css:如果您使用太多 css,您可能会遇到的问题是您的页面将不得不向服务器发出更多请求,这会降低您的页面速度。 这就是为什么我建议你实现一个 HttpHandler,它只会在你目前需要的一个 css 文件中创建一个缓存副本。看这里: http://blog.madskristensen.dk/post/Combine-multiple-stylesheets-at-runtime.aspx

关于css - 什么是好的 CSS 策略?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/327382/

相关文章:

css - 如何在 Tailwind 中设置最小高度?

html - 无法将内联样式移出样式表?

当手指在上面时 CSS 更改 div bg (ipad)

javascript - "autoCapitalize"不是有效的样式属性 - React Native 中的错误

java - 删除 GWT 网格中行之间的间隙

html - Safari - 位置 :fixed doesn't breaks element from scope

jquery - 如何隐藏/删除div中的滚动条?

javascript - 需要响应式 iframe (div)/固定纵横比/水平和垂直居中/缩放本身,这样它就不会被浏览器裁剪

jquery - 使用 jQuery UI Position 实用程序比使用 CSS position 有什么优势?

html - 为第一个字母应用 CSS