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

视频教程推荐:《css视频教程-玉女心经版》
引入CSS的方法有两种,一种是@import,一种是link
@import url('地址');现在绝大部分的网站都采用后一种link方式,原因在于
@import先加载HTML,后加载CSS
link先加载CSS,后加载HTML。
立即学习“前端免费学习笔记(深入)”;
思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播,是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信,所以要在微信上体验才更好。关注我们的微信核心功能:1、自动提示用户关注微信,解决一般程序无关注微信公众号的过程2、只要通过链接进一次,不过好久注册,什么方面注册,只要是用微信注册的,都会算
所以前者加载网页会出现令浏览者以外的格式,后者则是带格式的加载网页。
@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教程》









