CSS作为网页设计中的核心技术之一，我们经常需要对其进行优化以提高页面的性能。以下是一些关于CSS优化性能的训练方法：

1. 良好的命名规范
命名规范可以让你的代码更易于阅读和维护。请遵循一个统一的命名规范，比如BEM命名规范，可以让你的代码更加清晰、结构化。
2. 减小选择器的层级关系
尽可能减少选择器的层级关系，可以让CSS更加快速地匹配元素。不同的选择器组合会影响到性能的优化程度，所以应尽量降低选择器的复杂度。
3. 删除不必要的CSS属性和规则
在维护现有网站时，我们经常会遇到一些过时的CSS属性和规则，这些无用的代码会增加页面的负载。我们需要定期迭代网站，删除这些无效的CSS属性和规则。
4. 压缩CSS文件
压缩CSS文件可以减少文件大小，加快网站的加载速度。我们可以使用CSS压缩工具，如CSS Minifier，来压缩CSS文件，以提高页面性能。
5. 使用CSS Sprites
CSS Sprites是一种用来减少加载次数的技术，它可以将多个图片文件合并为一张大图，通过CSS的background-position属性控制显示的位置。这样可以减少服务器的请求次数，加速页面的加载速度。
6. 使用缓存
在浏览器中使用缓存可以使页面更快地加载，因为浏览器在下一次访问相同页面时可以直接从缓存中读取。我们可以设置合适的缓存头，让浏览器在下一次访问同一网页时能够更快地加载。
7. 按需加载CSS
当页面很大而且需要很多CSS代码时，按需加载CSS可以有效减少页面加载时间。我们可以使用JavaScript和AJAX技术动态加载不同部分的CSS文件，以实现按需加载的效果。
8. 优化CSS动画效果
CSS动画效果可以增强用户体验，但它也会增加网站的负载。优化CSS动画效果可以通过设置适当的时间、延迟和效果等属性来实现。此外，尽量避免使用占用大量CPU资源的动画效果，以保证页面流畅度。

以上是一些关于CSS优化性能的训练方法，通过这些训练方法，我们可以让网站更加优化、流畅，提高用户的使用体验。