发表于： 2020-06-12 00:00:05
1 1258
今日学习：
1。background-position和雪碧图的用法
background-position有两个属性， X方向和Y方向
他是定义背景图像的起始位置的
若使用百分比来定义
用自身容器的长宽减去图片的长宽乘百分比来计算的。
如果不设置background-position的属性，默认为 0 ，0.
如果background-position属性只设置一个，那么另一个默认为center，50%。
CSS雪碧图，即CSS Sprites，是一种CSS图像合成技术。
将小图标和背景图合并到一起，使用position的方法使他们显示在需要的位置。
值得注意的是，当span空间不足以铺满background图片时，
我们使用position时，需要将X轴,Y轴进行一定的平移，
所以background-position会出现一定的负值
返回列表
评论