以下是一个关于CSS属性的大全，按类别组织，包括常用的属性及其简要说明：

1. 布局属性

• display: 定义元素的显示类型（如 block, inline, flex, grid 等）。
• position: 定义元素的定位方式（如 static, relative, absolute, fixed, sticky）。
• top, right, bottom, left: 定义定位元素的偏移量。
• float: 使元素向左或向右浮动。
• clear: 控制浮动元素的行为。
• overflow: 控制内容溢出时的显示方式（如 visible, hidden, scroll, auto）。
• z-index: 定义元素的堆叠顺序。

2. 盒模型属性

• width: 设置元素的宽度。
• height: 设置元素的高度。
• margin: 设置元素外边距。
• padding: 设置元素内边距。
• border: 设置元素边框（包括宽度、样式和颜色）。
• box-sizing: 控制盒模型的计算方式（如 content-box, border-box）。

3. 文本属性

• color: 设置文本颜色。
• font-family: 设置字体系列。
• font-size: 设置字体大小。
• font-weight: 设置字体粗细（如 normal, bold, bolder, lighter, 或数值）。
• font-style: 设置字体样式（如 normal, italic, oblique）。
• line-height: 设置行高。
• text-align: 设置文本对齐方式（如 left, right, center, justify）。
• text-decoration: 设置文本装饰（如 none, underline, overline, line-through）。
• text-transform: 控制文本的大小写（如 uppercase, lowercase, capitalize）。
• letter-spacing: 设置字母间距。
• word-spacing: 设置单词间距。

4. 背景属性

• background-color: 设置背景颜色。
• background-image: 设置背景图像。
• background-repeat: 设置背景图像的重复方式（如 repeat, no-repeat, repeat-x, repeat-y）。
• background-position: 设置背景图像的位置。
• background-size: 设置背景图像的大小（如 cover, contain 或具体尺寸）。
• background-attachment: 设置背景图像的滚动方式（如 scroll, fixed, local）。

5. 边框属性

• border-width: 设置边框宽度。
• border-style: 设置边框样式（如 none, solid, dotted, dashed, double, groove, ridge, inset, outset）。
• border-color: 设置边框颜色。
• border-radius: 设置元素的圆角。

6. 阴影与效果

• box-shadow: 为元素添加阴影效果。
• text-shadow: 为文本添加阴影效果。
• opacity: 设置元素的透明度。
• filter: 应用图像效果（如 blur, brightness, contrast 等）。

7. 动画与过渡

• transition: 定义过渡效果。
• animation: 定义动画效果。
• @keyframes: 定义动画的关键帧。

8. Flexbox 属性

• flex-direction: 定义主轴方向（如 row, column, row-reverse, column-reverse）。
• flex-wrap: 定义是否换行（如 nowrap, wrap, wrap-reverse）。
• justify-content: 定义主轴上的对齐方式（如 flex-start, flex-end, center, space-between, space-around）。
• align-items: 定义交叉轴上的对齐方式（如 flex-start, flex-end, center, baseline, stretch）。
• align-content: 定义多行的对齐方式。

9. Grid 属性

• grid-template-columns: 定义网格的列。
• grid-template-rows: 定义网格的行。
• grid-area: 定义元素在网格中的位置。
• grid-column: 定义元素跨越的列数。
• grid-row: 定义元素跨越的行数。
• grid-gap: 定义网格行和列之间的间距。

10. 其他属性

• cursor: 设置鼠标悬停时的光标样式。
• visibility: 控制元素的可见性（如 visible, hidden, collapse）。
• overflow-x, overflow-y: 分别控制水平方向和垂直方向的溢出行为。
• resize: 控制元素是否可调整大小。

11. 媒体查询

• @media: 用于响应式设计，定义不同屏幕尺寸下的样式。

12. 伪类与伪元素

• 伪类: :hover, :focus, :active, :nth-child(), :first-child, :last-child 等。
• 伪元素: ::before, ::after, ::first-line, ::first-letter 等。