使用 div 和 CSS 的好处包括:
可维护性:
1.使用 div 和 CSS 可以使页面结构更加清晰，代码更易于维护。
2.可重用性: CSS 可以被多个页面重用，减少了代码冗余。
3.易于修改: 使用 CSS 可以轻松地更改页面的布局和样式。
4.提高加载速度: 使用 CSS 可以减少 HTML 代码的冗余，提高页面加载速度。
5.增强用户体验: 使用 CSS 可以制作出美观、交互性强的页面，提高用户体验。
一、在样式表开头添加一个注释块，用以描述这个样式表的创建日期、创建者、标记等备注信息。
包括公用颜色标记
给ID和Class进行有意义的命名
将关联的样式规则进行整合
给样式添加清晰的注释
你可以这么理解,--color其实就是个属性名，但是这个东西是用户自定义的属性名，而非CSS样式的合法属性名在实际开发当中，并不会出现这个写法，CSS属性当中只有color属性，也没有hover属性hover是一种状态这个地方很有可能是开发工程师为了备注此处文本默认为什么颜色，hover为什么颜色而故意书写的，但是即便是这样，在实际开发当中也不推荐，原因是“可以使用CSS注释，将不需要的内容注释起来”
