html如何调用外部css?

来自:互联网
时间:2019-11-10
阅读:

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

方法1:使用<link>来引入外部的css文件

在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css。

语法:

<link rel="stylesheet" href="css文件路径" type="text/css" />

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

方法2:使用@import引入外部CSS文件

CSS @import规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@import不能在条件组的规则中使用。

将一个独立的.css文件引入HTML文件中,使用css @import规则引入外部css文件,写在<head>标记的<style>标记中

@import语法结构

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

在html中使用

<style type="text/css">
@import url(CSS文件路径地址);
</style>

在css中直接使用

@import url(CSS文件路径地址);
返回顶部
顶部