<style>标签使用实例

时间:2023-06-24 10:03:59

<style> 标签用于在HTML文档中定义样式。它通常位于`<head>`标签中,并通过CSS规则来指定文档中元素的外观和布局。以下是<style>标签的使用示例:

<!DOCTYPE html>
<html>
<head>
<style>
/* CSS规则 */
h1 {
color: blue;
font-size: 24px;
}

p {
color: red;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph.</p>
</body>
</html>

在上面的示例中,<style>标签中包含了两个CSS规则。第一个规则选择h1元素,并将其文本颜色设置为蓝色,字体大小设置为24像素。第二个规则选择p元素,并将其文本颜色设置为红色。

通过将CSS样式放置在<style>标签内,可以将样式应用到文档中的特定元素。这样,所有<h1>标签的文本将显示为蓝色,而所有<p>标签的文本将显示为红色。

请注意,这只是一个简单的示例,以说明<style>标签的使用方式。在实际开发中,通常会使用外部CSS文件或内联样式来管理和应用样式。

相关词 标签 style