23 lines
412 B
Plaintext
23 lines
412 B
Plaintext
1：雪碧图
|
||
|
||
是什么？
|
||
|
||
|
||
将很多张小的图标放到一张大的背景图上
|
||
|
||
好处：
|
||
|
||
减少网络请求的次数，提高页面访问速度，节省用户流量
|
||
|
||
实现：
|
||
|
||
1：建立空的盒子，注意盒子的大小和你要显示的图片大小应该一致
|
||
|
||
2：通过 background，background-position
|
||
|
||
|
||
css3动画：
|
||
|
||
1：定义动画 @keyframes 动画名称 {}
|
||
|
||
2：使用动画 |