- 博客(16)
- 收藏
- 关注
原创 web 前端
一、定位### 2、position:absolute绝对定位没有定位父级时相对于html进行定位,有定位父级时相对于最近的定位父级进行定位#### 特性```html特性: 1.元素脱离正常文档流,不占位(也脱离文本流,全脱) 2.有定位父级相对于定位父级发生定位偏移 3.如果没有定位父级相对于浏览器窗口发生定位偏移(如果其父亲没有相对定位,会一直往上找,直到相对于html) 4.能使不能设置宽高的行级元素设置宽高 5.提升层级
2022-09-07 20:03:01 63
原创 web 前段
精灵图及用法:css精灵图:雪碧图把多张小图片整合到一张大图上,然后通过css背景属性背景图片背景图片平铺背景图片定位比如页面很多img,打开页面的时候,图片都会向服务器请求,请求次数越多,加载速度慢换成精灵图,一次就请求一张大图,减少http次数请求,提高页面性能优点:1.减少网页的http请求,提高页面的性能2.减少在图片上的命名困扰3.更换网页风格方便使用步骤:1.测量图片的大小2.引入精灵图3.通过背景定位属性精确引入想要图片的位置 注意:定位属性值为负数4.微调
2022-09-01 20:56:24 56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人