<style> 标签是HTML中用于包含内部样式表(Internal Style Sheet)的标签。通过 <style> 标签,你可以在HTML文档内部定义样式规则,用于指定文档中各个元素的外观和布局。

以下是一个简单的使用 <style> 标签的示例:
<!DOCTYPE html>
<html>
<head>
  <title>Internal Style Sheet Example</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f0f0f0;
    }

    h1 {
      color: blue;
    }

    p {
      margin-bottom: 20px;
    }
  </style>
</head>
<body>

<h1>This is a Heading</h1>

<p>This is a paragraph of text.</p>
<p>Another paragraph goes here.</p>

</body>
</html>

在这个例子中,<style> 标签包含了内部样式表,其中定义了一些基本的样式规则,如设置整个文档的背景颜色、标题的颜色以及段落的底部边距。这些样式规则会被应用到文档中相应的元素上。

注意:
  •  <style> 标签通常放置在文档的 <head> 部分。

  •  样式规则的语法与外部样式表和内联样式相同,都遵循CSS规范。

  •  如果样式较为复杂或需要在多个文档中共享,考虑使用外部样式表(通过 <link> 标签引入)。

  •  尽量将样式与内容分离,以提高代码的可维护性。



转载请注明出处:http://www.zyzy.cn/article/detail/3904/HTML