weixin_47097870的博客

11.17 精灵图片、过渡以及2D、3D转换的学习总结 一、精灵图片 因为图片过小且数量过多，为了方便切图 以及插入使用，利用span、i标签等设置为背景图片，以方便进行布局 涉及属性： background-img: 插入背景图片 Background-size: 调整背景图片的尺寸大小 Background-posstion:调整精灵图片在水平、垂直方向上的偏移量，以达到规范的布局目的 Background-repeat：决定图片是否平铺 比如： 二、过渡 transition 功能：实现元素不同状

浅谈定位机制 *定位分为：相对定位、绝对定位、固定定位、粘性定位 posstion：static（常规流）relative（）absolute（绝对定位） fixed（固定定位） sticky（粘性定位） 1、相对定位（posstion:retative）： 相对自己原来的位置调整，还保留原位置（别的容器占不了他 原来的位置）不脱离标准文档流 注意：与margin：的区别：1、margin调整的是盒子与盒子之间的间距，会对后边的元素产生影响，而相对定位不会。2、相对定位调整的是位置 常用于父级添加相对定