css
文章平均质量分 53
~天天天蓝~
这个作者很懒,什么都没留下…
展开
-
【前端学习】CSS——div垂直水平居中
Author:Vivi Time: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 · 139 阅读 · 0 评论 -
前端学习——css图像拼合技术(精灵图)
Author:Vivi Time:2021-5-31 20:52 图像拼接就是将很多很多的小图标放在一张图片上,称之为雪碧图或精灵图(CSS Sprites)。 一、使用雪碧图的优点如下: 1、将多张图片合并到一张图片中,可以减小图片的总大小。 2、将多张图片合并成一张图片后,下载全部所需的资源,只需一次请求。可以减小建立连接的消耗。 sprites图其实就是将一大块图用来做背景图,与普通背景图不同的是:sprites图只在某固定位置显示某部分图。 案例一:图像拼合 - 创建一个导航列表 使用拼.原创 2021-05-31 20:53:09 · 1117 阅读 · 0 评论