<style> 标签用于定义 HTML 文档的样式信息，可以包含 CSS 样式规则，用于控制文档的外观和布局。
语法
<style>
/* 在这里编写 CSS 样式规则 */
</style>属性
- type: 指定样式表的类型，默认为
text/css。
示例
// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
<title>样式示例</title>
<style type="text/css">
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
}
p {
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎使用样式示例</h1>
<p>这是一个展示样式的示例页面。</p>
</body>
</html>在上面的示例中，我们使用 <style> 标签定义了一些基本的样式规则，包括设置页面的背景颜色、标题的颜色以及段落的字体大小和行高。
通过使用 <style> 标签，我们可以在 HTML 文档中直接添加样式信息，而不需要单独创建一个外部的 CSS 文件。这样可以方便地管理页面的样式，尤其对于一些简单的样式调整来说非常方便。
| 属性 | 值 | 描述 |
|---|---|---|
| media | media_query | 为样式表规定不同的媒体类型。 |
| scoped | scoped | 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 |
| type | text/css | 规定样式表的 MIME 类型。 |