如何在css文件中引入css文件

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

@import "sub.css"

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

目前有两种引用方式，一种誉世是通过携粗在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：

第一种：link引用

<link rel="stylesheet" href="/css/mycss.css" />庆隐肢

第二种：@import引用

<style type="text/css">

@import url（/css/mycss.css）

</style

link和import语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。

---