CSS中@import有哪些意思？

在CSS中@import是导入CSS样式表，这种方式平常会在CSS文件中运用，这样做的益处是，可以把多个样式表导入到一个样式表中，从而在页面里面只需要导入一个样式表即可。

在CSS中@import是导入CSS样式表，这种方式平常会在CSS文件中运用，这样做的益处是，可以把多个样式表导入到一个样式表中，从而在页面里面只需要导入一个样式表即可。

视频教程举荐：《CSS视频教程-玉女心经版》

引入CSS的办法有两种，一种是@import，一种是link

@import url('地址');

此刻绝大局部的网站都采纳后一种link方式，缘由在于

@import先加载HTML，后加载CSS

link先加载CSS，后加载HTML。

所之前者加载网页会涌现令阅读者之外的格局，后者则是带格局的加载网页。

@import 的几种引入方式

@import 默许引入less方式读取，出css以外：

@import "foo"; // foo.less 导入为less文件 
@import "foo.less"; // foo.less 导入为less文件
@import "foo.php"; // foo.php 导入为less文件
@import "foo.css"; // 语句维持原样，导入为css文件

属性	作用	释义
reference	运用该less文件但是不输出它	运用@import (reference) 导入外部文件，导入的样式不会增加到编译输出，除非该样式被援用。
inline	包含在源文件中输出，但是不作处置	当一个css文件可能没法被less所兼容时
less	将该文件视为less文件，不管扩展名有哪些
css	将文件视为css文件，不管扩展名有哪些
once	该文件仅可导入一次 (默许)	文件只会被导入一次，后续的导入雷同文件的语句会被忽略。
multiple	该文件可以屡次导入	文件反复被引入屡次
optional	当没有发明文件时依然编译	以免导入不存在的less文件，要是没有这个参数会报 File Error 差错

举荐教程：《CSS教程》

以上就是CSS中@import有哪些意思？的细致内容，更多请关注 百分百源码网 其它相干文章！