在HTML中,<style>
标签主要用于包含文档的CSS样式信息。它可以用来定义文档的布局、颜色、字体和许多其他的视觉效果。
<style>
标签可以有两种形式:内联样式和嵌入式样式表。
- 内联样式:内联样式直接添加到HTML元素中,通过
style
属性来定义。例如:
html<p style="color:blue;">这是一段蓝色的文本。</p>
- 嵌入式样式表:嵌入式样式表在HTML文档的
<head>
部分中使用<style>
标签来定义。例如:
html<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {font-family: verdana;}
</style>
</head>
在这个例子中,所有的<body>
元素会有一个粉蓝色的背景,所有的<h1>
元素会有蓝色的文本,所有的<p>
元素会有Verdana字体。
使用<style>
标签可以让我们更方便地控制HTML元素的样式,使我们的网页更美观、更易于阅读。