html怎么引用css-木庄网络博客

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

html引用css的方法：1、通过内联样式引用css，代码如“<body style="...">”；2、通过内部样式表引用css，代码如“<style type="text/css">..</style>”；3、通过外部样式表引用css。

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

html引用css的三种方法

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS引入到html中有以下三种方法：1- 内联、2-内部样式表、3-外部样式表。

1	`<body style="background-color: gray">`

在标签内style=" "

<style type="text/css"> 
p {color:red;} <!--内部样式表-->
</style>

用style标签，将要进行css控制的属性放在标签内

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

在head标签内，并且用link标签来引入你要加载的css文件

无意间发现，当我用这三个表示方法同时对background-color属性控制的时候，只有内联样式的标签内属性起作用。

内联标签设置背景颜色为灰色，内部样式表设置为红色，外部样式表不设置。html上背景颜色为灰色。

内联标签设置背景颜色为灰色，外部样式表设置为黄色，内部样式表不设置。html上背景颜色为灰色。

内部样式表设置为红色，外部样式表设置黄色。html上背景颜色为黄色。

得出：内联>外部样式表>内部样式表

由此可见属性是以距离标签近的最先体现出来的。

更多详细的HTML/css知识，请访问HTML视频教程栏目！

以上就是html怎么引用css的详细内容，更多文章请关注木庄网络博客！

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

￥83.86元 人民邮电出版社

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