100个常用的CSS命令

以下是100个常用的CSS命令：

1. color：设置文字颜色；
2. background-color：设置背景颜色；
3. font-size：设置字体大小；
4. font-weight：设置字体粗细；
5. font-family：设置字体系列；
6. line-height：设置行高；
7. text-align：设置文本对齐方式；
8. text-decoration：设置文本修饰效果；
9. text-transform：设置文本转换效果；
10. letter-spacing：设置字符间距；
11. word-spacing：设置单词间距；
12. margin：设置元素外边距；
13. padding：设置元素内边距；
14. border：设置元素边框属性；
15. border-radius：设置元素边框圆角；
16. display：设置元素的显示方式；
17. visibility：设置元素的可见性；
18. position：设置元素定位属性；
19. top、bottom、left、right：设置元素在定位位置偏移量；
20. float：设置元素浮动属性；
21. clear：清除浮动；
22. width、height：设置元素的宽度和高度；
23. max-width、max-height、min-width、min-height：设置元素的最大最小宽高；
24. overflow：设置元素的溢出处理方式；
25. background-image：设置元素背景图片；
26. background-repeat：设置背景图片的平铺方式；
27. background-size：设置背景图片的尺寸；
28. background-position：设置背景图片的位置；
29. opacity：设置元素的透明度；
30. z-index：设置元素的层叠顺序；
31. text-indent：设置文本缩进；
32. white-space：设置空白符处理方式；
33. box-sizing：设置元素盒模型计算方式；
34. outline：设置元素轮廓线；
35. cursor：设置鼠标指针样式；
36. filter：设置元素的图形效果；
37. transform：设置元素的变形效果；
38. perspective、transform-style、backface-visibility：设置元素的3D变换效果；
39. transition：设置元素的过渡动画效果；
40. animation：设置元素的动画效果；
41. flex：设置元素的弹性盒子布局；
42. justify-content：设置弹性盒子主轴对齐方式；
43. align-items：设置弹性盒子交叉轴对齐方式；
44. align-self：设置弹性盒子单个元素交叉轴对齐方式；
45. flex-grow、flex-shrink、flex-basis：设置弹性盒子元素的伸缩属性；
46. order：设置弹性盒子元素的排列顺序；
47. grid-template-columns、grid-template-rows：设置网格容器列宽和行高；
48. grid-column、grid-row：设置网格容器中元素的列和行；
49. grid-area：设置网格容器中元素的区域；
50. grid-gap：设置网格容器中单元格之间的空隙；
51. overflow-x、overflow-y：分别设置元素X和Y方向上的溢出处理方式；
52. clip-path：设置元素的形状裁剪效果；
53. background-clip：设置元素背景图片的裁剪方式；
54. box-shadow：设置元素的阴影效果；
55. text-shadow：设置文本阴影效果；
56. user-select：设置是否可选中元素中的文本；
57. transition-property、transition-duration、transition-timing-function、transition-delay：分别设置过渡动画的属性、时间、速度曲线和延迟时间；
58. animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction、animation-fill-mode：分别设置动画名称、动画时间、速度曲线、延迟时间、动画次数、动画方向和填充模式；
59. text-overflow：设置文本溢出处理方式；
60. tab-size：设置制表符宽度；
61. quotes：设置引用符号样式；
62. content：设置伪元素内容；
63. counter-reset、counter-increment、content：设置计数器效果；
64. attr：设置伪元素获取属性值；
65. perspective、perspective-origin：设置3D元素透视点和透视点位置；
66. transform-origin：设置元素变换的基准点位置；
67. backface-visibility：设置元素变换时背面是否可见；
68. text-justify：设置文本对齐方式；
69. hyphens：设置单词断行方式；
70. columns、column-gap、column-count、column-rule、column-rule-width、column-rule-style、column-rule-color：设置多列文本布局；
71. filter：设置元素的滤镜效果；
72. backdrop-filter：设置元素背景的滤镜效果；
73. grid-auto-columns、grid-auto-rows：设置网格容器自动分配的列宽和行高；
74. grid-auto-flow：设置网格容器自动排列方式；
75. grid-template-areas：设置网格容器中网格区域的命名；
76. grid-row-gap：设置网格行之间的间隔；
77. grid-column-gap：设置网格列之间的间隔；
78. justify-items：设置单元格内容的水平对齐方式；
79. align-content：设置网格行之间的垂直对齐方式；
80. align-self：设置单元格内容的垂直对齐方式；
81. gap：设置网格行列之间的间隔；
82. animation-play-state：设置动画的播放状态；
83. animation-duration：设置动画的持续时间；
84. animation-timing-function：设置动画的速度曲线；
85. animation-direction：设置动画的运动方向；
86. animation-fill-mode：设置动画结束后元素的样式；
87. animation-delay：设置动画的延迟时间；
88. animation-iteration-count：设置动画的循环次数；
89. image-rendering：设置图片渲染方式；
90. object-fit：设置替换元素的尺寸和定位方式；
91. object-position：设置替换元素的位置；
92. caret-color：设置插入符（光标）的颜色；
93. border-spacing：设置表格边框之间的空隙；
94. caption-side：设置表格标题的位置；
95. empty-cells：设置表格空单元格的显示方式；
96. list-style-type：设置列表项的标记类型；
97. list-style-position：设置列表项标记的位置；
98. list-style-image：设置列表项标记的图像；
99. pointer-events：设置鼠标事件的触发情况；
100. position：绝对、相对、固定等定位方式。