css文件链接到html的语法,如何调用css文件？

在HTML中可以使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。通常我们都是使用外部css文件，下面给大家介绍调用css文件的方法。

方法1：使用link标签调用外部CSS文件

标签定义文档与外部资源的关系， 标签最常见的用途是链接样式表。

在网页的

标签对中使用标记可调用外部CSS文件。

语法：

href 中应包含路径信息，这里所指是该样式表文件与 html 文档在同一目录下。

方法2：使用@import调用外部CSS文件

@import规则，用于从其他样式表导入样式规则，这些规则必须先于所有其他类型的规则。

使用@import命令用以把外部样式表信息导入页面中，它是存在于在< style>和< /style>标记中的。例如：< style type="text/css">

@import "example.css";

@import "style/other.css";

< /style>

也在css中直接使用，调用另一个CSS文件@import url(CSS文件路径地址);

link与@import区别

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

import在html使用时候需要

更多前端开发知识，请查阅 HTML中文网 ！！

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