1.精灵图
一张图片中，存在很多的小图片，这样的图片称为精灵图（雪碧图）
使用精灵图可以减少服务器 发送和请求 请求的次数减少
使用：1.确定盒子的大小
2.测量小图片的位置（坐标）
3.给盒子添加背景图片，并设置背景定位一般情况下，精灵图使用的背景定位都是负值）
缺点：1.首次加载会慢，因为图片变大了
2.背景图片大小
background-size：宽度px 高度px; auto等比例缩放
background-size：100% 100%; 百分比相对的是盒子的宽高，而不是背景图的大小
background-size：concenter; 图片等比例缩放，不会占满盒子
background-size：cover； 图片等比例缩放，会占满盒子
3.background连写
background：color url repeat position/size；
4.文字阴影
text-shadow：10px 10px 10px color； 三个px加上color
5.盒子阴影
box-shadow：10px 10px 10px 10px color; 四个px加上color
6.过渡
transition 谁动给谁加，加在元素本身上，不要加在他的hover上
transition：参与过渡的属性 过渡时间 过渡曲线 延迟时间；
transition：all 2s; transition：width 400px；过渡时width属性变成400px，别的属性没有参与过渡，不生效
扫一扫
421
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
