JavaWeb企业级开发（知识清单）02——HTML实现标题：样式（CSS引入、CSS选择器、span标签）和超链接
warning:
这篇文章距离上次修改已过185天，其中的内容可能已经有所变动。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML实现标题样式</title>
<!-- 内部样式表 -->
<style>
h1 {
color: blue; /* 文字颜色 */
font-size: 24px; /* 字体大小 */
font-weight: bold; /* 字体加粗 */
}
</style>
<!-- 外部样式表 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 使用内部样式表设置的h1标签 -->
<h1>这是一个标题</h1>
<!-- 使用外部样式表设置的h1标签 -->
<h1>这是另一个标题</h1>
</body>
</html>在这个例子中，我们定义了一个h1元素的样式，包括文字颜色、大小和粗细。同时，我们使用了内部样式表来进行样式定义。为了演示外部样式表的使用，我们创建了一个styles.css文件，并通过link标签引入到HTML中。这样，我们可以在不同页面中复用样式，并保持样式与内容的分离。
评论已关闭