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">

我认为这比那更容易!!

知道我在这里缺少的东西!!!

Answer 1

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

或者，只需手动组合它们或使用grunt之类的内容将它们全部组合起来。

Answer 2

两个选项。

<强> 1。 Css @import

@import url(stylesheet.css);

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

<强> 2。 PHP

使用minify缩小，缓存和组合CSS / JS文件。

Answer 3

一旦你整理了所有CSS规则并准备投入生产，你应该将所有CSS文件合并到一个文件中然后缩小它。

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

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

Answer 4

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

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

要获得真正的性能提升，您必须将文件合并为一个更大的文件。那里有一些好工具。我更喜欢LESS，这是一个预编译器，可以执行更多操作，但也可以将多个文件合并为一个（缩小的）主css

Answer 5

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

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

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