css样式的HTML文档

在HTML中,CSS样式是非常重要的一个部分。开发者们可以通过CSS样式来控制页面的布局、颜色、字体等方面的显示效果,从而让网页更加美观、易读、易用。以下便是一段展示CSS样式的HTML文档:

<!DOCTYPE html>
<html>
<head>
<title>CSS样式演示</title>
<style>
/* 设置网页背景颜色为灰色 */
body {
background-color: #ddd;
}
/* 设置页面中的所有h1元素字体颜色为红色 */
h1 {
color: red;
}
/* 设置class为intro的元素字体颜色为蓝色 */
.intro {
color: blue;
}
/* 设置ID为logo的图片宽度为200像素 */
#logo {
width: 200px;
}
</style>
</head>
<body>
<h1>欢迎来到CSS样式演示</h1>
<p class="intro">在这里,您可以学习各种CSS样式的效果!</p>
</body>
</html>

以上代码中,我们可以看到在