【HTML教程】HTML的style标签|html入门知识
时间: 2025-03-23 22:22:36 浏览次数：9
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：【定义和用法】style标签用于定义文档的样式信息 (CSS)。在 st
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：
【定义和用法】
style标签用于定义文档的样式信息 (CSS)。
在 style元素中，您可以指定 HTML 元素在浏览器中的呈现方式。
请注意，style 元素定义的是 HTML 文档内嵌的 CSS 样式，而 link 元素则是用来导入外部样式表中的样式。
style 元素可以出现在 HTML 文档中的各个部分。一个文档可以包含多 style 元素，因此不必把所有样式定义都塞进 head 部分。在使用模板引擎生成页面的情况下这个特性很有帮助，因为这样一来就可以用页面特有的样式为模板定义的样式提供补充。
【实例】
例子 1
使用 style元素将简单的样式表应用于 HTML 文档：
<html><head><style>
h1 {color:red;}
p {color:blue;}</style></head><body><h1>这是标题</h1><p>这是一个段落。</p></body></html>例子 2
相同元素的多种样式：
<html><head><style>
h1 {color:red;}
p {color:blue;}</style><style>
h1 {color:green;}
p {color:pink;}</style></head><body><h1>这是标题</h1><p>这是一个段落。</p></body></html>【属性】
【默认的 CSS 设置】
大多数浏览器将显示具有以下默认值的 style元素：
style {
display: none;}