html如何连接外部css文件？(2)-木庄网络博客

2022-02-03 02:34:22 PHP中文网 JavaScript 百度已收录

3、html引入css文件之使用@import引用外部CSS文件

将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，<style>标记也是写在<head>标记中，使用的语法如下：

<style type="text/css">
    @import"mystyle.css"; 此处要注意.css文件的路径
</style>

4、html引入css文件之使用link引用外部CSS文件

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

1	`<link` `href="./mystyle.css"` `rel="stylesheet"` `type="text/css"/>`

说明：html引入css文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的css样式方法。

以上就是给大家介绍的四种html引入外部css文件的四种方法，更多关于html和css的内容可以关注php中文网。

以上就是html如何连接外部css文件？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者