有人知道如何将多个样式表合并为一个样式表吗?
<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" />
字符串如何将上述3个样式表合并为一个?谢谢
kse8i1jr1#
你可以使用YUI Compresser来合并合并你的css文件,它合并了CSS并最小化代码,对性能很有好处。看看here,将CSS文件合并为一个。
vzgqcmou2#
不推荐使用@import.最大的问题是它会导致文件顺序加载(一个必须等待另一个)而不是并行加载(同时)。这会浪费时间和往返时间,并使您的网页加载速度变慢。[http://www.feedthebot.com/pagespeed/avoid-css-import.html][1][1]:http://www.feedthebot.com/pagespeed/avoid-css-import.html你可以在这里阅读.
qzwqbdag3#
把文件的内容复制到一个里面怎么样?
dl5txlt94#
您好,您可以通过导入选项实现您想要的结果。应用多个文件的更简单的方法是使用“@import”规则(取决于浏览器支持)。
<style type="text/css" media="all"> @import url("/css/a.css"); @import url("/css/b.css"); @import url("/css/c.css"); </style>
字符串you can read more about Using @import for multiple Style Sheets
lnvxswe25#
您可以使用title属性对它们进行分组。尝试给予一个title属性,如title="myStyle"
title="myStyle"
kuuvgm7e6#
基本上,你可以保持这样。只要你的样式表没有从一个元素重新定义到另一个元素,你就不会有任何问题。例如,如果你的htm文件中有两个样式表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; }
型然后第二个链接的样式表将定义a的text-decoration属性
a
6条答案
按热度按时间kse8i1jr1#
你可以使用YUI Compresser来合并合并你的css文件,它合并了CSS并最小化代码,对性能很有好处。
看看here,将CSS文件合并为一个。
vzgqcmou2#
不推荐使用@import.最大的问题是它会导致文件顺序加载(一个必须等待另一个)而不是并行加载(同时)。这会浪费时间和往返时间,并使您的网页加载速度变慢。
[http://www.feedthebot.com/pagespeed/avoid-css-import.html][1]
[1]:http://www.feedthebot.com/pagespeed/avoid-css-import.html你可以在这里阅读.
qzwqbdag3#
把文件的内容复制到一个里面怎么样?
dl5txlt94#
您好,您可以通过导入选项实现您想要的结果。
应用多个文件的更简单的方法是使用“@import”规则(取决于浏览器支持)。
字符串
you can read more about Using @import for multiple Style Sheets
lnvxswe25#
您可以使用title属性对它们进行分组。尝试给予一个title属性,如
title="myStyle"
kuuvgm7e6#
基本上,你可以保持这样。只要你的样式表没有从一个元素重新定义到另一个元素,你就不会有任何问题。例如,如果你的htm文件中有两个样式表a.css和b.css
字符串
如果在a.css中,
型
在b.css
型
然后第二个链接的样式表将定义
a
的text-decoration属性