如何调用css文件？

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

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

在网页的<head></head>标签对中使用<link>标记可调用外部CSS文件。

语法：

<link rel="stylesheet"  type="text/css"  href="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语法结构不同，前者<link>是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签，同时可以直接“@import url(CSS文件路径地址);”放如css文件或css代码里引入其它css文件。

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

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