1. 伪类样式
伪类样式是一种CSS样式，可以根据元素的类名或ID属性，使用不同的CSS属性进行定义。以下是一个简单的伪类样式示例：
h1:first-child {
font-size: 2em;
font-weight: bold;
h1:last-child {
font-size: 1.5em;
在这个示例中，使用`h1:first-child`和`h1:last-child`伪类可以定义两个不同大小的`h1`元素，其中`:first-child`表示第一个出现的元素，`:last-child`表示最后一个出现的元素。
2. 垂直居中
垂直居中是一种CSS样式，可以使用`margin`和`居中`属性来实现。以下是一个简单的垂直居中示例：
.center {
margin: 0 auto;
在这个示例中，使用`.center`元素来定义一个居中的元素，然后使用`margin: 0 auto;`属性将元素垂直居中。
3. 水平居中
水平居中是一种CSS样式，可以使用`margin`和`text-align`属性来实现。以下是一个简单的水平居中示例：
.center {
margin: 0 auto;
text-align: center;
在这个示例中，使用`.center`元素来定义一个居中的元素，然后使用`text-align: center;`属性将元素水平居中。
4. 列表样式
列表样式是一种CSS样式，用于设计无序或有序的列表。以下是一些常用的列表样式：
list-style-type: none;
li:first-child {
list-style-type: disc;
li:last-child {
list-style-type: circle;
li:hover {
list-style-type: decimal;
在这个示例中，使用`li`元素来定义一个列表，然后使用`list-style-type`属性来控制列表的样式，例如`none`表示没有样式，`disc`表示圆形，`circle`表示椭圆形，`decimal`表示十进制。
5. 边框样式
边框样式是一种CSS样式，用于设置元素的边框宽度和样式。以下是一些常用的边框样式：
border-width: 1px;
border-style: solid;
border-radius: 5px;
在这个示例中，使用`border-width`和`border-style`属性来设置元素的边框宽度和样式，其中`border-radius`属性用于设置边框的半径。
6. 背景样式
背景样式是一种CSS样式，用于设置元素的背景颜色和背景图片。以下是一些常用的背景样式：
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: center center;
以上就是一些常用的CSS标题样式，这些样式可以帮助更好地设计网页，使网页更具可读性、可访问性和吸引力。