html怎么加载css-木庄网络博客

2022-04-04 02:32:16 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

html加载css的方法：1、通过外部样式加载css；2、通过内部样式加载css；3、通过行内样式加载css；4、通过导入样式加载css。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

加载css样式有4种

1.外部样式(外联样式)

如果css是一个外部文件，可以在你html文件的<head></head>里写上

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

href=”style.css”这里可以写上你css文件的路径

这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式

2.内部样式(内嵌样式)

如果是内部样式，也可以在<head></head>里写上

<style type="text/css">
h3 { color:#f00;}
</style>

它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。

相关阅读 >>

更多相关阅读请进入《Html》频道 >>

书籍

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

￥83.86元 人民邮电出版社

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