前端
关注
分享
扫一扫
文章平均质量分 53
~天天天蓝~
这个作者很懒，什么都没留下…
展开
-
【前端学习】CSS——div垂直水平居中
Author：ViviTime：2021-06-04采用四种方式实习div块级元素垂直水平居中：①position定位（子绝父相）②position定位（子绝父相）+transform③display:table-cell+vertical align:middle④flexbox弹性盒子 display:flex+justify content:center+align item:center<!DOCTYPE html><html lang="en"><.原创 2021-06-04 14:29:14 · 158 阅读 · 0 评论 -
前端学习——css图像拼合技术（精灵图）
Author：ViviTime：2021-5-31 20：52图像拼接就是将很多很多的小图标放在一张图片上,称之为雪碧图或精灵图（CSS Sprites）。一、使用雪碧图的优点如下：1、将多张图片合并到一张图片中，可以减小图片的总大小。2、将多张图片合并成一张图片后，下载全部所需的资源，只需一次请求。可以减小建立连接的消耗。sprites图其实就是将一大块图用来做背景图，与普通背景图不同的是：sprites图只在某固定位置显示某部分图。案例一：图像拼合 - 创建一个导航列表使用拼.原创 2021-05-31 20:53:09 · 1162 阅读 · 0 评论