css优化性能的方法以及雪碧图sprites的理解

css优化性能的方法

1、将样式写在单独的css文件里（css的引入方式之外链式即新建一个以.css为后缀的文件），这样能减少页面体积、内容样式分离易于管理维护、css文件可以被缓存重复利用。

2、避免使用复杂选择器，层级越少越好。

3、减少使用@import，建议使用link

link和@import的区别

雪碧图sprites的理解

1、概念：雪碧图sprites又叫图片整合技术、精灵图，是多张图组合实现的图片。

2、实现步骤：

• 实现一个指定大小的盒子
• 将精灵图设置为该盒子的背景图
• 通过background-position来调整背景图的位置，以显示想要的图

3、优点：

• 减少网络请求，提升性能
• 减少文件数量，降低命名难度
• 占用内存少

4、缺点：

• 步骤繁琐，增删图很麻烦