css 样式备注说明

1. color：定义文字颜色；

2. background-color：定义背景颜色；

3. font-size：定义字体大小；

4. font-family：定义字体样式；

5. text-align：定义文字对齐方式；

6. line-height：定义行高；

7. text-decoration：定义文字修饰，如下划线、删除线等；

8. padding：定义内边距；

9. margin：定义外边距；

10. width：定义元素宽度；

11. height：定义元素高度；

12. border：定义边框样式，包括宽度、样式和颜色；

13. border-radius：定义边框圆角；

14. list-style：定义列表样式；

15. display：定义元素的显示方式；

16. position：定义元素的定位方式；

17. z-index：定义元素的层级关系；

18. float：定义元素浮动方向；

19. clear：清除浮动；

20. background-image：定义背景图像；

21. background-position：定义背景图像位置；

22. background-repeat：定义背景图像是否平铺；

23. opacity：定义元素的透明度；

24. text-overflow：定义当文字溢出元素时的显示方式。
25. box-sizing：定义元素的盒模型，包括 content-box（默认值）和 border-box 两种模式；

26. overflow：定义元素溢出时的处理方式，包括 visible、hidden、scroll 和 auto 四种；

27. text-transform：定义文字大小写转换，包括 capitalize、uppercase 和 lowercase 三种；

28. font-weight：定义文字粗细，包括 normal、bold、bolder 和 lighter 四种；

29. font-style：定义文字风格，包括 normal、italic 和 oblique 三种；

30. text-shadow：定义文字阴影效果，包括水平偏移、垂直偏移、模糊度和颜色等属性；

31. box-shadow：定义盒子阴影效果，包括水平偏移、垂直偏移、模糊度、阴影颜色和阴影扩展等属性；

32. cursor：定义鼠标指针的类型，包括 pointer、default、text、help 等多种类型；

33. transition：定义过渡效果的属性和时间，用于实现渐变、动画等效果；

34. transform：定义元素的变换效果，包括旋转、缩放、平移、倾斜等多种效果；

35. animation：定义动画效果，包括动画名称、时长、运动曲线和动画延时等多个属性。

36. @media：用于添加响应式设计样式，可以对不同的媒体类型和设备尺寸设置不同的 CSS 样式；

37. @font-face：用于定义自定义字体，可以将字体文件上传到服务器，并通过 CSS 样式文件引用，使浏览器可以在网页中使用该字体；

38. flexbox：用于实现灵活的布局，可以在父元素上使用 display: flex 属性，来定义 flex 容器，并使用 flex-direction、align-items 等属性来控制子元素的排布；

39. grid：用于实现网格布局，可以在父元素上使用 display: grid 属性，来定义网格容器，并使用 grid-template-columns、grid-template-rows 等属性来控制子元素的排布；

40. nth-child：用于选择某一个父元素下的第 n 个子元素，可以用来实现隔行变色等效果；

41. :hover：用于鼠标悬浮时的样式变化，可以用来实现菜单、按钮等交互效果；

42. :active：用于鼠标按下时的样式变化，可以用来实现按钮的点击效果；

43. :visited：用于设置已访问链接的样式，增强用户体验。