<style> | HTML样式标签的定义与用法
定义与用法
- <style> 标签定义 HTML 文档的样式信息。
- <style> 标签用于更改或添加HTML元素上的样式。每个HTML元素都有一个默认样式，例如，背景颜色为白色，文本颜色为黑色等。
- 每个 HTML 文档能包含多个 <style> 标签，样式属性可以与任何HTML标记一起使用。
提示：
- 给HTML标签添加样式，需具备CSS基本知识，例如颜色，背景色，文本对齐，字体系列，字体大小等。
- 如需链接外部样式表，请使用 <link> 标签。
语法格式
style= “属性:属性值”
示例代码
<h3 style="color:green">HTML入门教程</h3>
<h3 style="color:red">HTML入门教程</h3> 效果展示：
HTML入门教程
HTML入门教程
<h3 style="background-color:yellow;">HTML入门教程</h3>
<h3 style="background-color:red;color:white">HTML入门教程</h3> 效果展示：
HTML入门教程
HTML入门教程
<h3 style="font-family:times new roman">PHP入门教程</h3>
<p style="font-family:arial">PHP入门教程</p> 效果展示：
PHP入门教程
PHP入门教程
<h3 style="font-size:200%">JavaScript入门教程</h3>
<p style="font-size:200%">JavaScript入门教程</p> 效果展示：
JavaScript入门教程
JavaScript入门教程
<h3 style="text-align:right;background-color:pink;">文本右对齐</h3>
<p style="text-align:center;background-color:pink;">文本居中对齐</p> 效果展示：
文本右对齐
文本居中对齐
HTML 4.01 与 HTML5差异
- “scoped” 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。
- 如果使用 “scoped” 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
 |  |  |  |  |
所有主流浏览器都支持 <style> 标签。
标签属性
: HTML5新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| media | media_query | 为样式表规定不同的媒体类型。 |
scoped | scoped | 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 |
| type | text/css | 规定样式表的 MIME 类型。 |
全局属性
<style> 标签支持 HTML 的全局属性。
事件属性
<style> 标签支持 HTML 的事件属性。