-
Grid布局
1必知术语 序号 术语 描述 1 网格容器 拥有 display: grid/inline-grid 属性,使用 grid 布局的区块 2 网格项目 网格容器的"子元素" 3 单元格 每个……
zhuim521 2022-08-20
-
移动Web——空间转换-动画
空间转换 目标:使用transform属性实现元素在空间内的位移、旋转、缩放等效果 l 空间:是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间,z轴位……
zhuim521 2022-06-15
-
移动Web——字体图标-平面转换-渐变
字体图标 目标:使用字体图标技巧实现网页中简洁的图标效果 l 字体图标 Ø 字体图标展示的是图标,本质是字体。 Ø 处理简单的、颜色单一的图片 字体图标的优点……
zhuim521 2022-03-10
-
CSS基础(8)CSS样式补充+项目前置认知+项目结构搭建
CSS样式补充 目标:能够 使用精灵图,能够给元素 添加阴影效果 ,能够让元素完成 过渡效果 学习路径: 1. 精灵图 2. 背景图片大小 3. 文字阴影 4. 盒子阴影 5.……
zhuim521 2022-03-07
-
CSS基础(6)CSS布局-定位+装饰-2
装饰 目标:能够完成元素的装饰效果 学习路径: 1. 垂直对齐方式 2. 光标类型 3. 边框圆角 4. overflow溢出部分显示效果 5. 元素本身隐藏 1.1 认识基线(了解……
zhuim521 2022-03-06
-
CSS基础(6)CSS布局-定位+装饰
定位 目标:能够说出 定位 的常见应用场景,并且能够说出 不同定位方式 的特点 学习路径: 1. 定位的基本介绍 2. 定位的基本使用 3. 静态定位 4. 相对定位 5. ……
zhuim521 2022-03-05
-
CSS基础(5)—CSS布局-浮动
CSS布局 目标:能够使用 结构伪类选择器 在HTML中定位元素 1. 作用与优势: 1. 作用:根据元素在HTML中的结构关系查找元素 2. 优势:减少对于HTML中类的依赖,……
zhuim521 2022-02-28
-
CSS基础(4)-三大特性+PxCook的基本使用+盒子模型
学习目标: ◆ 能够认识不同选择器的 优先级 公式 ◆ 能够进行 CSS 权重叠加计算,分析并解决CSS 冲突问题 ◆ 能够认识 盒子模型 的组成部分 ◆ 能够掌握盒子模型……
zhuim521 2022-02-24
-
CSS基础(3)-元素显示模式+三大特性
元素显示模式 目标:能够认识三种常见的 元素显示模式,并通过代码实现不同 元素显示模式 的转换 学习路径: 1. 块级元素 2. 行内元素 3. 行内块元素 4. 元素……
zhuim521 2022-02-23
-
CSS基础(3)-选择器进阶+背景属性
1.选择器进阶 1.1复合选择器 1.1 后代选择器:空格 ➢ 作用:根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素 ➢ 选择器语法:选择器1 选择器2 { c……
zhuim521 2022-02-23