作为刚开始学习前端的新人,准备记录下自己的学习内容,如果有大佬看到什么问题,请麻烦指正我,非常感谢。
css精灵技术:减少服务器请求和发送请求的次数,提高页面的加载速度。
我理解的是,在使用背景图片时,某一张大图片在有多个小元素需要使用,为了降低消耗,减少加载速度,所以同时使用一张大图片,用盒子显示特定的定位来只表现出小图片。(需要注意background-position大多数时候是负值)
滑动门技术:为了背景能够自由拉伸滑动,应元素内部的文本内容。代码实现如下:
多个盒子叠加时去除边框的重复:
鼠标经过盒子时凸显边框:(合并边框时后面的盒子有压着前面盒子的边框)
方法:用定位压住标准流和浮动盒子,只能使用相对定位,因为绝对定位不占位置。如果原先盒子已经是定位,则设置鼠标放上去增加index值。
css模拟三角:宽度高度为0
四个边框都要写,只保留需要的边框颜色,剩下的不可省略,都改为透明色即可
为了照顾兼容性设置font-size:0;
line-height:0;
前端学习记录
最新推荐文章于 2022-04-24 16:47:03 发布