CSS:什么是更好的做法?一次全部导入还是每个 html 一个一个地链接?

标签 css import hyperlink

<分区>

在最近的一个基于 Web 的元素中,我不得不编写大量的 css 文件(总共约 40 KB)。目前我正在使用 @import()在第一页的css文件中。喜欢:

@import url("reset.css");
@import url("input.css");
@import url("img.css");
@import url("menu.css");
@import url("home.css");
@import url("about.css");
@import url("detail.css");
@import url("contact.css");
@import url("solutions.css");
@import url("notices.css");
@import url("general.css");

现在会有大量用户通过非常慢的互联网连接 (4~5 KBPS) 使用它。那么使用 <link rel="stylesheet" type="text/css" href="cssFile.css"> 会更好吗? ?但是根据我的 php 编码,我需要 @import至少前四个文件!希望有更好的解决方案。

另一个与此相关的问题,浏览器是否一直缓存 css 文件?如果是这样,那么我所有的 css 文件都会在第一次加载,并且用户在第一次登录该站点后不会遇到任何麻烦。在那种情况下,我的想法是否正确?

最佳答案

要优化速度,您应该尝试:

  • 尽可能少的 CSS 文件
  • 只加载每个页面需要的 CSS
  • 在不同的页面中重用 CSS 文件

这些目标会部分冲突。通常您会有一些 CSS 未在特定页面中使用,但这没关系,因为这样可以减少文件数量并重用这些文件。

"does the browsers cache the css files all the time?"

是的,他们通常会这样做。让浏览器下载新版本的 CSS 文件是一个实际问题。

关于CSS:什么是更好的做法?一次全部导入还是每个 html 一个一个地链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18419926/

上一篇:html - CSS 样式 div 和段落

下一篇:javascript - 显示来自横幅交换的广告

相关文章:

css - 使用光滑的半 Angular 覆盖幻灯片

css - 使用 CSS 将元素推送到新行

java - 在 Java 中导入自定义类,使用命令行

python - 模块未找到错误: No module named 'tia.analysis.model'

javascript - 如何使用 Javascript 使图像对象成为链接

firefox - 3px border-radius 在 IE 和其他浏览器中有不同的外观

javascript - 使用 Enter 跳转到下一个 div,而不是输入?

python - 'from pylons import config' 和 'import pylons.config' 之间的区别

jquery - 如何从页面内链接的 URL 中删除#(哈希)?

带有超链接的 PHP/MySQL 表