初步体验CSS
CSS (Cascading Style Sheets) 是用于描述网页样式的语言。以下是一个简单的HTML和CSS代码示例,它展示了如何将CSS应用于HTML元素:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
p {
color: red;
margin-left: 20px;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
在这个例子中,我们定义了三个样式规则:
body
:设置了整个页面的背景颜色为浅蓝色。h1
:设置了标题的颜色和左边距。p
:设置了段落的颜色和左边距。
这个简单的示例展示了如何将CSS直接嵌入HTML文件中。在实际的网页开发中,CSS可以放在外部文件中,然后通过<link>
标签引入HTML文件中。
评论已关闭