cssimport（cssimportant用法）-前端-引导者

本文目录一览：

1、区别从属关系区别 import是 CSS 提供的语法规则，只有导入样式表的作用cssimport；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

2、/style两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其cssimport他事务；@import属于CSS范畴，只能加载CSS。

3、本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。

1、从属关系区别 import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

2、加载的顺序的区别，link加载的css时，是一种并行(没有尝试是否是这样)加载CSS方式，而@import则在整个页面加载完成后才加载。

3、差别1 ：适用范围不同 @import可以在网页页面中使用，也可以在css文件中使用，用来将多个css文件引入到一个css文件中；而link只能将css文件引入到网页页面中。

4、外部引用CSS中 link与@import的区别这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。

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

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

import url(indexcss)；另外也可以放在CSS文件中使用，用法如下cssimport：import sub.css使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。

引入CSS的方法有两种，一种是@import，一种是link import url(地址)；现在绝大部分的网站都采用后一种link方式，原因在于 import先加载HTML，后加载CSS link先加载CSS，后加载HTML。

大致就这几种差别cssimport了，其它的都一样，从上面的分析来看，还是使用link标签比较好。标准网页制作加载CSS文件时，还应该选定要加载的媒体（media），比如screen，print，或者全部all等。

如果使用链接式，需要使用如下的语句引入外部css文件：如果使用导入式，则需要使用如下语句：@import style.css```此外，采用这两种方式后的现实效果也略有区别。

如果是把5张图片合并成一张，用定位的方法来用的话，那么就变成1次请求了。所以，这也是优化CSS的一种常用方式，减少页面请求，加快网页的加载速度。同理，一个JS，一个CSS分别都算是一次请求。