外部导入CSS的方式： 1、使用链接调用外部CSS文件，标签定义文档与外部资源的关系； 2.使用@import引用外部CSS文件。
本文运行环境：Windows7系统、css3版本、DellG3笔记本
如何导入外部CSS？
方法一：使用link调用外部css文件
使用网页标签对中的标签导入外部样式表文件，使用html规则导入外部css。
标签定义文档与外部资源的关系，标签最常见的用途是链接样式表。
句型：
登录后复制
链接外部css样式时link标签的内容结构说明：
href：外部资源地址，这里是css的地址
rel：定义当前文档和链接文档的关系，这里是外部的css样式表或者样式表
type：指定链接文档的MIME类，这里的值为text/css
阐明：
这些技术会在加载网页文件主体之前加载CSS文件，因此显示的网页从一开始就具有样式效果。 它不会像导出类型那样先显示没有样式的网页，然后再显示有样式的网页。
方法二：使用@import引用外部CSS文件
CSS @import 规则用于从其他样式表导出样式规则。 这种规则必须先于所有其他类型的规则，并且 @import 不能在条件组的规则中使用。
@import规则句型
@import url("文件路径");
登录后复制
阐明：
这些技术会在加载整个网页后加载 CSS 文件，因此这会产生问题。 如果网页比较大，会先显示没有样式的页面，然后一闪就出现网页的样式。 这是派生公式固有的缺陷。
两种调用外部css样式的方式区别：
@import是CSS提供的句型规则，仅具有导出样式表的功能； link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS、rel链接属性等。
页面加载时，同时加载link标签引入的CSS； @import引入的CSS将在页面加载后加载。
@import是CSS2.1特有的句型，所以只能被IE5+识别； link标签是一个HTML元素，所以不存在兼容性问题。
可以通过JS操作DOM，插入链接标签来改变样式； 因为DOM方法是基于文档的html引用外部csshtml引用外部css，所以很难以@import的形式插入样式。
通过链接引入的样式比通过 @import 引入的样式权重更小。
推荐学习：《CSS视频教程》
