怎样将多个CSS文件导入一个CSS文件中

html-css011

怎样将多个CSS文件导入一个CSS文件中,第1张

将多个CSS文件导入一个CSS文件中可以通过下面的两种方法来实现。

步骤如下:

1.如果使用链接式,需要使用如下的语句引入外部css文件:

<link href="style.css" rel="stylesheet" type="text/css" />'引入外部链接

2.如果使用导入式,则需要使用如下语句:

<style type="text/css">

@import "style.css"'导入外部链接

</style>

在CSS文件中引入CSS文件需要用到 @import 。例如:

@import "sub.css"

使用用@import引入CSS可以很方便的引入外部文件的CSS代码,方便维护和规划。但是每多引入一个CSS文件,就会对服务器增加一次连接请求,当访问量较大时,需在维护性和性能上进行权衡。

@import引用的CSS会等到页面全部被下载完再被加载;

@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表;

而至于请求次数,有几个import就会发生几次请求;