调用外部css样式表的方法：
使用@import引用外部CSS文件
使用link引用外部CSS文件（推荐此方法）
方法说明：
1、使用@import引用外部CSS文件
CSS @import规则，用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则，@import不能在条件组的规则中使用。
@import规则语法
@import url; @import url list-of-media-queries;
url是一个表示要引入资源位置的 <string> 或者 <uri> 。 这个 URL 可以是绝对路径或者相对路径。 要注意的是这个 URL 不需要指明一个文件； 可以只指明包名，然后合适的文件会被自动选择 。
list-of-media-queries是一个逗号分隔的 媒体查询 条件列表，决定通过URL引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件，就不会引入URL指明的CSS文件。
使用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。但是每多引入一个CSS文件，就会对服务器增加一次连接请求，当访问量较大时，需在维护性和性能上进行权衡。
2、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="css文件路径" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件。
link标签通常放置在一个网页的头部标签head标签内的用于链接外部css文件、链接收藏夹图标（favicon.ico），<link> 标签最常见的用途是链接外部样式表，外部资源。
链接外部css样式时候link标签的内容结构解释：
href 值为外部资源地址，这里是css的地址
rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet
type 规定被链接文档的 MIME 类,这里是值为text/css
将css代码写在一个单独的文件中，用link标签直接引入该文件到页面中。一个页面可以多次使用link标签引入多个外部css文件。
注意：这些CSS代码的相互影响，通常是后引入的CSS文件会覆盖前面引入的CSS文件的相同效果。这种引入CSS的方式是目前最为流行的，可以在站个网站范围内进行CSS代码的规划，方便复用和维护，但这样将代码高度集中，代码量可能过大，维护不当的话又容易出现混乱。
以上就是外部css如何调用？的详细内容，更多请关注易知道|edz.cc其它相关文章！
