css的所有模式 |css3图片弹出效果代码

1. 选择器
选择器是CSS中用于标识元素的一种方法。选择器可以指定元素的类型、类、ID或属性。例如，以下是一个使用类选择器的CSS代码块：
.my-class {
color: red;
}
2. ID选择器
ID选择器用于标识网页中唯一的元素。每个元素只能有一个ID。例如，以下是一个使用ID选择器的CSS代码块：
#my-id {
font-size: 20px;
}
3. 类型选择器
类型选择器用于标识特定类型的元素。例如，以下是一个使用类型选择器的CSS代码块：
p {
color: blue;
}
4. 标签选择器
标签选择器用于标识特定标签类型的元素。例如，以下是一个使用标签选择器的CSS代码块：
h1 {
font-size: 30px;
}
5. 通配选择器
通配选择器选择文档中所有元素。例如，以下是一个使用通配选择器的CSS代码块：
* {
margin: 0;
}
6. 后代选择器
后代选择器选择元素的子孙元素。例如，以下是一个使用后代选择器的CSS代码块：
ul li {
list-style: none;
}
7. 相邻兄弟选择器
相邻兄弟选择器选择与选定元素相邻的兄弟元素。例如，以下是一个使用相邻兄弟选择器的CSS代码块：
h2 + p {
font-weight: bold;
}
8. 伪类选择器
伪类选择器用于选择特定状态的元素，如链接的未访问或已访问状态。例如，以下是一个使用伪类选择器的CSS代码块：
a:hover {
color: green;
}
9. 属性选择器
属性选择器用于选择具有特定属性的元素。例如，以下是一个使用属性选择器的CSS代码块：
input[type="submit"] {
background-color: #4CAF50;
}

这些是CSS中的一些基本模式，您可以用它们来设计丰富的网页样式。