方法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文件路径地址);
更多前端开发知识,请查阅 HTML中文网 !!
以上就是html如何调用外部css?的详细内容,更多请关注易知道|edz.cc其它相关文章!