@import 引用css文件

1.作用:用于从其他样式表导入样式规则

2.使用要点:import规则一定要先于除了@charset的其他任何CSS规则

3.使用说明:

@import 引用css文件_第1张图片
官方文档

4.项目实例:


@import 引用css文件_第2张图片
项目实例的引用


5.对于直接引用css文件:弊

影响浏览器的并行下载

多个@import导致下载顺序紊乱

会因为加载文件的机制,读取完文件后在加载,导致样式出现闪烁


6.对于利用scss文件:可取

SCSS的机制是会把对应的文件转译成css文件

当多个scss文件,利用一个main.scss @import之后,会通过机制先编译成一个css,后引入到html文件,从而可以避免5的问题

你可能感兴趣的:(@import 引用css文件)