如何优化 CSS 代码，提高页面加载速度，是前端开发中常见的问题，我总结了以下几点：
1、使用<link>代替 @import
因为@import 主要用于导入资源或者CSS文件。它会阻止其他文件并行下载，并可能会导致网站速度变慢。
比如
@import url("header.css")
@import url("footer.css")
这样的代码可以替换成
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="footer.css">
因为link>标签并行加载CSS文件，可以在一定程度上提高加载速度。
2、尽量不要使用 !Important
添加 !Important CSS声明将覆盖掉其他对应的样式声明，如果CSS中 !Important 太多，浏览器就必须对代码进行额外的检查，这可能会降低页面的加载速度。
3、使用CSS实现特效和SVG代替图片
页面中加载图像很可能需要很长的时间，并且过多请求图片资源会给服务器造成很大压力。
因此在实现背景图、渐变、几何图形时，尽量少使用图片，而是使用CSS代码实现。既减少了服务器的压力，又能提高页面加载速度
4、使用0而不是0px或0rem等
当一个属性的值为0时，我们可以不添加任何单位。可以不这么写：0rem，0em，0px等。
当然，这么写是没有错的，但是这些单位是没有用的，当处理一个巨大的CSS文件时，没有单位会比有单位时文件小一点。
5、使用雪碧图
同一页面相近部分的小图标可以使用雪碧图，方便使用，减少页面的请求次数，但是要同时图片本身不变大。
