2022年1月18日
CSS补充样式
摘要： CSS补充样式 CSS精灵图 精灵图的使用步骤： 1、创建一个盒子，设置盒子的尺寸和小图尺寸相同 2、将精灵图设置为盒子的背景图片 3、修改背景图位置 通过PxCook测量小图片左上角坐标，分别取负值设置给盒子的background-position: x y <!DOCTYPE html><htm 阅读全文
posted @ 2022-01-18 19:33 守漠待花开 阅读(85) 评论(0) 推荐(0)
CSS定位装饰
摘要： CSS定位装饰 定位 网页常见布局方式 标准流 1、块级元素独占一行 → 垂直布局 2、行内元素/行内块元素一行显示多个 → 水平布局 浮动 可以让原本垂直布局的 块级元素变成水平布局 定位 1、可以让元素自由的摆放在网页的任意位置 2、一般用于 盒子之间的层叠情况 定位的常见应用场景 可以解决盒子 阅读全文
posted @ 2022-01-18 15:24 守漠待花开 阅读(19) 评论(0) 推荐(0)