以下是一个简单的使用 <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