《CSS 实战指南》2024 第一章:CSS 基础之三: CSS 的常用属性和样式

CSS（层叠样式表）是一种用于描述网页文档外观和格式的标记语言。以下是一些常用的CSS属性和样式：

1. 文本属性：
2. font-family：设置字体族，如 "Arial", "Times New Roman", "Verdana" 等。
3. font-size：设置字体大小，如 "12px", "1em", "100%" 等。
4. font-weight：设置字体粗细，如 "normal", "bold", "bolder" 等。
5. font-style：设置字体样式，如 "normal", "italic", "oblique" 等。
6. text-align：设置文本对齐方式，如 "left", "right", "center" 等。
7. text-decoration：设置文本装饰，如 "none", "underline", "overline", "line-through" 等。
8. color：设置文本颜色，如 "red", "#FF0000", "rgb(255, 0, 0)" 等。
9. 背景属性：
10. background-color：设置背景颜色。
11. background-image：设置背景图片。
12. background-repeat：设置背景图片重复方式，如 "no-repeat", "repeat-x", "repeat-y" 等。
13. background-position：设置背景图片位置，如 "top left", "center center" 等。
14. background-attachment：设置背景图片是否随页面滚动，如 "fixed", "scroll" 等。
15. 边框属性：
16. border：简写属性，设置边框宽度、样式和颜色。
17. border-width：设置边框宽度，如 "1px", "thin", "medium", "thick" 等。
18. border-style：设置边框样式，如 "none", "dotted", "dashed", "solid" 等。
19. border-color：设置边框颜色。
20. border-radius：设置边框圆角，如 "5px", "10%" 等。
21. border-top、border-right、border-bottom、border-left：分别设置上、右、下、左边框的属性。
22. 尺寸和布局属性：
23. width、height：设置元素的宽度和高度。
24. margin：设置元素的外边距，包括上、右、下、左四个方向的边距。
25. padding：设置元素的内边距，包括上、右、下、左四个方向的内边距。
26. display：设置元素的显示类型，如 "block", "inline", "flex", "grid" 等。
27. float：设置元素的浮动方式，如 "left", "right" 等。
28. clear：清除元素的浮动效果。
29. 其他常用属性：
30. box-sizing：设置盒模型的类型，如 "content-box", "border-box" 等。
31. transition：设置元素过渡效果的属性，包括过渡时间、过渡函数和过渡延迟等。
32. transform：设置元素的变换效果，包括旋转、缩放、平移等。