css怎么增加节点 |css控制背景图大小

在CSS中，增加节点的方式主要有以下几种：

1. 使用伪元素
伪元素是在现有元素的内容前面或后面添加特定内容的方法，常用的伪元素有“::before”和“::after”。例如，以下样式可以在所有h1元素前添加“>>”符号：
h1::before {
content: ">>";
display: inline-block;
}
2. 使用伪类
伪类是当元素处于特定状态（如鼠标悬浮）时添加样式的方法。常用的伪类有“:hover”和“:nth-child()”。例如，以下样式可以使所有偶数行的表格行背景色变为灰色：
tr:nth-child(even) {
background-color: #ccc;
}
3. 使用媒体查询
媒体查询是用于根据设备的屏幕大小、分辨率等条件应用不同的样式的方法。常用的媒体查询有“@media screen and (max-width: 768px)”和“@media print”。例如，以下样式可以在屏幕分辨率小于768px时隐藏某个元素：
@media screen and (max-width: 768px) {
.hidden-element {
display: none;
}
}
4. 使用CSS变量
CSS变量是一种用于保存值的方式，可以在整个样式表中随时调用。常用的CSS变量语法为“--变量名: 值”。例如，以下样式可以将某个颜色值声明为CSS变量并在其他样式中随时调用：
:root {
--light-blue: #add8e6;
}
h1 {
color: var(--light-blue);
}

以上是CSS增加节点的一些方法，可以根据需求选择适合自己的方式来实现想要的效果。