css中用@import引入另一个css文件会增加请求次数

html-css013

css中用@import引入另一个css文件会增加请求次数,第1张

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

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

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

如果想要在css文件里,再内引用其它css文件可以用import url,下面第一行例子!

@import url("base.css")

body{....}

....

....

....

....

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

步骤如下:

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

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

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

<style type="text/css">

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

</style>