怎么引入一个外部css文件?

在学习前端的时候,我们应该知道css给html标记添加各种样式,用来告诉浏览器,因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的,那么,html中怎么引入一个外部css文件?

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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑