资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS中的@import怎么用

CSS中的@import怎么用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

10年的永胜网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同,自动调整永胜建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“永胜网站设计”,“永胜网站推广”以来,每个客户项目都认真落实执行。

@import 是CSS@规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@charset 规则除外; 因为它不是一个嵌套语句,@import不能在条件组的规则中使用。

因此,用户代理可以避免为不支持的媒体类型检索资源,作者可以指定依赖媒体的@import规则。这些条件导入在URI之后指定逗号分隔的媒体查询。在没有任何媒体查询的情况下,导入是无条件的。指定所有的媒体具有相同的效果。

引入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中的@import怎么用问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


本文标题:CSS中的@import怎么用
当前链接:http://www.cdkjz.cn/article/iegodj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220