css--属性总结记录

CSS（层叠样式表）是一种用来描述网页和其他HTML文件样式的语言。CSS属性可以用来控制文本内容（如字体、大小、对齐方式等）、图片的外形（宽高、边框样式、阴影效果等）、版面布局（比如排列方式、空间分配等）、背景（颜色、图片、渐变等）等外观。

以下是一些常见的CSS属性及其简单说明：

1. color - 文本颜色
2. font-size - 字体大小
3. background-color - 背景颜色
4. background-image - 背景图片
5. border - 边框
6. padding - 内边距
7. margin - 外边距
8. width - 宽度
9. height - 高度
10. display - 显示方式（如 none 隐藏，block 显示为块级元素）
11. position - 定位方式（如 relative 相对定位，absolute 绝对定位）
12. top / right / bottom / left - 定位偏移
13. text-align - 文本水平对齐方式
14. vertical-align - 文本垂直对齐方式
15. font-family - 字体
16. font-weight - 字体粗细
17. text-decoration - 文本装饰（如 underline 下划线）
18. opacity - 透明度
19. z-index - 层叠顺序
20. filter - 滤镜效果（如 blur() 模糊效果）

CSS属性可以通过内联、内部样式表、外部样式表等方式应用到HTML文档中。

例如，设置一个元素的文本颜色为黑色，可以这样写：

p {
  color: black;
}

设置一个元素的背景图片：

div {
  background-image: url('image.jpg');
}

设置一个元素的宽度和高度：

img {
  width: 100px;
  height: 100px;
}

设置一个元素的内边距和外边距：

div {
  padding: 20px;
  margin: 10px;
}

设置一个元素的定位：

div {
  position: absolute;
  top: 50px;
  left: 100px;
}

设置一个元素的文本对齐方式：

p {
  text-align: center;
}

设置一个元素的透明度：

div {
  opacity: 0.5;
}

CSS属性是构建网页样式的基础，有了它们，开发者可以创建出丰富多样的网页布局和设计。