HTML怎么引入一个外部css文件?
1、使用@import引用外部CSS文件
将一个独立的.css文件引入HTML文件中,导入式使用css规则引入外部css文件,<style>标记也是写在<head>标记中,使用的语法如下:
<styletype="text/css"> @import"mystyle.css";此处要注意.css文件的路径 </style>
2、使用link标签引用外部CSS文件
在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css。
<head> <1ink href="css文件的路径" type="text/css" re1="stylesheet" /> </head>
上述语法中,<link> 标记需要放在<head>头部标记中,并且必须指定<link/>标记的个属性,具体介绍如下。
href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。
rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。
外链式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是怎么引入一个外部css文件?的详细内容,更多请关注0133技术站其它相关文章!