html 导入外部样式表文件,如何引入外部css文件？

使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。通常我们都是使用外部css文件。下面我们来看一下引入外部css文件的方法。

引用外部css文件的方法：使用@import引用外部CSS文件

使用link引用外部CSS文件(推荐此方法)

1、使用@import引用外部CSS文件方法介绍

@import语法结构@import + 空格+ url(CSS文件路径地址);

在html中使用

@import url(CSS文件路径地址);

在css中直接使用@import url(CSS文件路径地址);

2、使用link引用外部CSS文件方法介绍

link语法结构

此标签是引入CSS文件link标签，只要设置好路径即可。

link与@import区别

首页link和import语法结构不同，前者是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。

import在html使用时候需要

以上就是如何引入外部css文件？的详细内容，更多请关注html中文网其它相关文章！