编程笔记 html5&css&js 007 HTML文本:段落和格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落和格式化文本示例</title>
<style>
p.normal {
font-size: 16px;
line-height: 1.6;
color: #333;
}
p.lead {
font-size: 20px;
line-height: 1.6;
color: #555;
font-weight: bold;
}
p.small {
font-size: 12px;
line-height: 1.2;
color: #666;
}
</style>
</head>
<body>
<p class="normal">这是一个普通段落。</p>
<p class="lead">这是一个突出段落。</p>
<p class="small">这是一个较小字体段落。</p>
</body>
</html>
这段代码展示了如何使用HTML创建不同的段落,并通过内联CSS样式为它们设置不同的格式。这包括字体大小、行高和文本颜色。这是一个基本的文本格式化示例,在实际的网页设计中,可以根据需要应用更复杂的样式。
评论已关闭