引言
在网页设计中，HTML和CSS是不可或缺的两个技术。HTML负责网页的结构，而CSS则负责网页的样式。通过巧妙地使用CSS，你可以为你的网页添加丰富的样式和个性。本文将带你入门，了解如何使用CSS为HTML标签添加样式，打造一个个性鲜明的网页。
HTML标签基础
在开始使用CSS之前，首先需要了解一些基础的HTML标签。以下是一些常见的HTML标签及其用途：

至

：标题标签，用于定义不同级别的标题。

：段落标签，用于定义文本段落。

：块级元素，用于组合其他元素，常用于布局。

：内联元素，用于对文本进行细粒度控制。

：超链接标签，用于创建链接。

：图像标签，用于插入图像。
CSS基本语法
CSS的基本语法由选择器和声明块组成。选择器用于指定要应用样式的HTML元素，而声明块则包含一系列的属性和值，用于定义样式。
以下是一个简单的CSS示例：
p {
color: red;
font-size: 16px;
}
在这个例子中，选择器
p
指定了所有

标签，声明块则设置了文本颜色为红色和字体大小为16像素。
标签巧用CSS
1. 标题样式
使用CSS可以为标题标签添加不同的样式，例如：
h1 {
color: blue;
font-size: 24px;
text-align: center;
}
在这个例子中，我们设置了

标签的文本颜色为蓝色，字体大小为24像素，并且文本居中。
2. 段落样式
段落标签

可以通过CSS设置字体、颜色、行高等样式：
p {
font-family: Arial, sans-serif;
color: green;
line-height: 1.5;
}
在这个例子中，我们设置了段落的字体为Arial，文本颜色为绿色，行高为1.5。
3. 列表样式
CSS可以用来美化列表，例如：
ul {
list-style-type: circle;
margin-left: 20px;
}
在这个例子中，我们为无序列表添加了圆形的项目符号，并将列表的左边距设置为20像素。
4. 链接样式
超链接标签

也可以通过CSS进行样式定制：
a {
color: purple;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
在这个例子中，我们将链接的文本颜色设置为紫色，并且移除了下划线。当鼠标悬停在链接上时，文本下会显示下划线。
5. 图像样式
图像标签

也可以通过CSS进行样式设置：
img {
width: 100px;
height: auto;
}
在这个例子中，我们设置了图像的最大宽度为100像素，高度自适应。
实战案例
以下是一个简单的HTML页面示例，展示如何使用CSS为其添加样式：

欢迎来到我的个性网页

这是一个段落。

• 列表项1
• 列表项2

访问我的网站



在这个例子中，我们为网页添加了标题、段落、列表、链接和图像，并且使用CSS为它们设置了不同的样式。
总结
通过本文的介绍，相信你已经对如何使用CSS为HTML标签添加样式有了基本的了解。掌握这些基础技巧，你可以开始打造自己的个性网页。在实践过程中，不断尝试新的样式和布局，让你的网页更加美观和独特。

---