html - 一次调用多个外部css文件到html页面

Question

我想知道如何一次调用多个外部 css 文件而不是单独调用每个文件。我想这样做是为了避免请求编号并将其最小化为每个外部 css 文件一个。

我累了以下，但没有工作！

<link rel="stylesheet" href=" http://statics.mydomain.co/style.css,functionstyle.css,widgets.css,edges.css,options.css,tags.css" type="text/css">

我认为这比那容易得多！！

知道我在这里缺少什么！！！

score 2 · Accepted Answer

为了做你正在做的事情，你将需要某种结合在一起的服务器端脚本。

或者，只需手动将它们全部组合起来，或者使用诸如grunt之类的东西将它们全部组合起来。

score 2 · Accepted Answer

两种选择。

1.css@import

@import url(stylesheet.css);

请参阅文档。

注意！：浏览器实际上确实在此处进行了多次调用，它只是从 HTML 中隐藏

2.PHP

使用minify缩小、缓存和合并您的 CSS/JS 文件。

score 1 · Accepted Answer

整理完所有 CSS 规则并准备好投入生产后，您应该将所有 CSS 文件合并到一个文件中，然后将其缩小。

然后，您可以从您的页面链接到单个文件。

首先，阅读上一个问题，它有一些有用的参考资料：

score 1 · Accepted Answer

您可以使用@import“主”css 中的语句，使其一次包含多个文件。您所要做的就是链接到您的 HTML 中的一个主文件。

但是，这不会限制您的请求。只要它们是单独的文件，您就必须执行单独的请求。

为了真正提高性能，您必须将文件合并到一个更大的文件中。那里有一些很好的工具。我更喜欢LESS，它是一个可以做更多事情的预编译器，但也可以将多个文件合并到一个（缩小的）主 css

score 1 · Accepted Answer

即使您可以将 html 代码最小化为一行，客户端也必须单独加载它们，因为它们仍然位于服务器上的不同文件中。

如果您想将样式组合到一个文件中，只需手动或在服务器端进行。

此外，您可以使用在线工具缩小 CSS 以使文件更小。

5 回答 5