4

有谁知道如何将多个样式表组合成一个?例如我有

<link rel="stylesheet" type="text/css" href="abc.css" />
<link rel="stylesheet" type="text/css" href="efg.css" />
<link rel="stylesheet" type="text/css" href="hij.css" />

在 mysite.html 中。如何将上述 3 个样式表合并为一个?

谢谢你。

4

7 回答 7

9

您可以使用YUI Compresser合并您的 css 文件,它结合了 CSS 并最大限度地减少了代码,并且有利于性能。

看看这里,将 CSS 文件合并为一个。

于 2012-08-08T07:02:54.327 回答
2

不推荐@import ...最大的问题是它会导致文件按顺序加载(一个必须等​​待另一个)而不是并行(同时)加载。这会浪费时间和往返行程,并使您的网页加载速度变慢。

[http://www.feedthebot.com/pagespeed/avoid-css-import.html][1]

[1]:http ://www.feedthebot.com/pagespeed/avoid-css-import.html你可以在这里阅读...

于 2013-07-16T04:55:27.860 回答
1

将文件的内容复制到一个中怎么样?

于 2012-08-08T06:59:30.193 回答
0

您可以使用 title 属性对它们进行分组。尝试给出一个标题属性,如 title="myStyle"

于 2013-12-20T04:33:21.493 回答
0

您可以使用 .htaccess 文件,参考 -

http://www.isitvivid.com/blog/combining-your-cssjs-files-with-htaccess/

于 2012-08-08T07:06:10.613 回答
0

您好,您可以通过导入选项实现您想要的结果......

应用多个文件的更简单方法是使用“@import”规则(取决于浏览器支持)。

<style type="text/css" media="all">
  @import url("/css/a.css");
  @import url("/css/b.css");
  @import url("/css/c.css");
</style>

您可以阅读更多关于使用 @import 处理多个样式表的信息

于 2012-08-08T07:07:09.397 回答
-3

基本上,你可以让它们保持这种状态。只要您的样式表没有从一个到另一个重新定义元素,您就不会有问题。例如,如果您的 htm 文件中有 2 个样式表 a.css 和 b.css

<link rel="stylesheet" type="text/css" href="a.css" />
<link rel="stylesheet" type="text/css" href="b.css" />

如果在 a.css 你有

a{
text-decoration:none;
}

在 b.css 中

a{
text-decoration:underline;
}

然后第二个链接样式表将定义 text-decoration 属性a

于 2012-08-08T07:03:32.520 回答