CSS中@import是什么意思?


本文摘自PHP中文网,作者Guanhui,侵删。

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

视频教程推荐:《CSS视频教程-玉女心经版》

引入CSS的方法有两种,一种是@import,一种是link

1

@import url('地址');

1

<link href="地址" rel="stylesheet" type="text/css" />

现在绝大部分的网站都采用后一种link方式,原因在于

@import先加载HTML,后加载CSS

link先加载CSS,后加载HTML。

所以前者加载网页会出现令浏览者以外的格式,后者则是带格式的加载网页。

@import 的几种引入方式

@import 默认引入less方式读取,出css之外:

1

2

3

4

@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是什么意思?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么去掉div边框

ie9不能读取外部css样式怎么办

css如何设置div字体大小

css怎么隐藏div滚动条

声明css有哪几种方式

css怎么改变边框颜色

css属性是什么

css 怎么引入图片文件

css如何让img垂直居中

老司机来和你谈谈,为什么说css是最难的!!

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...