css笔记：（背景相关的属性）

背景相关的CSS属性包括：

1. background-color: 设置元素的背景颜色。
2. background-image: 将图像设置为背景。
3. background-position: 设置背景图像的起始位置。
4. background-size: 设置背景图片的尺寸。
5. background-repeat: 设置是否及如何重复背景图像。
6. background-clip: 设置背景的绘制区域。
7. background-origin: 设置背景图片的定位区域。
8. background-attachment: 设置背景图像是否固定或与页面滚动。
9. background: 简写属性，可以同时设置以上所有背景属性。

示例代码：

/* 设置背景颜色为灰色 */
.element {
  background-color: #808080;
}
 
/* 设置背景图片，不重复，居中 */
.element {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
 
/* 设置背景图片，覆盖整个元素，不重复，居中，固定到视口 */
.element {
  background: url('image.jpg') no-repeat center / cover fixed;
}

以上代码展示了如何使用这些属性来设置元素的背景样式。简写的background属性可以包括颜色，图像，位置，大小，重复，剪切和附着的值，并且它是设置背景最简洁的方法。