共 120 小节 已有 60868 人学过 2019.12.17 推出
本套课程是CSS基础课程之后的延续学习,进一步深入的学习CSS在WEB开发中的应用和技巧,课程分11章,包含了常用技巧、图标与背景、弹性盒子、渐变、过渡、动画等,还包含了实战的案例及移动端开发技巧。是一套不可多得的进阶学习课程。
- 第一章:CSS常用技巧
1-0 课程简介
1-1 hover使用技巧
1-2 移入弹出大图
1-3 多级导航
1-4 纯css点击切换方法1
1-5 纯css点击切换方法2
1-6 纯css横向滚动
1-7 清除图片下方间隙
1-8 文本溢出显示省略号
1-9 元素透明度设置
1-10 隔行变色
1-11 外边距击穿1
1-12 外边距击穿2
1-13 优先级提升
1-14 禁止选中文本
1-15 自动添加前缀1
1-16 自动添加前缀2
1-17 less自动编译方法1
1-18 less自动编译方法2
- 第二章:矢量图标及背景精灵
2-1 矢量图标浅解
2-2 矢量图标下载及引入
2-3 font-class方式引入图标
2-4 单标签使用矢量图标
2-5 symbol方式引入图标
2-6 实战矢量图标引用
2-7 背景精灵简介
2-8 背景大图制作技巧
2-9 单行单列背景制作及定位
2-10 固定尺寸背景精灵设置
2-11 百分比背景精灵设置
2-12 背景尺寸设置及排列方式
2-13 百分比背景定位技巧
- 第三章:弹性盒子模型
3-1 弹性盒子简介及设置
3-2 主轴、交叉轴方向
3-3 换行、及换行方式
3-4 主轴方向对齐方式
3-5 交叉轴方向对齐方式
3-6 多行内容在交叉轴上对齐方式
3-7 单项目对齐方式
3-8 设置弹性元素的顺序
3-9 弹性元素的扩展比率
3-10 弹性元素的收缩比率
3-11 最大和最小宽高度
3-12 弹性布局51zxw教程区块
3-13 弹性盒子模型总结和补充
- 第四章:元素居中
4-1 元素水平居中
4-2 行高垂直居中法
4-3 内、外边距居中法
4-4 定位加外边距居中法法
4-5 定位加外边距自适应居中法
4-6 定位加位移居中法
4-7 弹性盒子居中法
- 第五章:渐变
5-1 渐变初识
5-2 线性渐变
5-3 角度渐变
5-4 径向渐变
5-5 多个颜色结点
5-6 颜色结点分布
5-7 透明度渐变
5-8 重复渐变
5-9 实战51zxw首页中的渐变
- 第六章:过渡和动画
6-1 过渡初识
6-2 属性名控制及完成时间
6-3 速度曲线
6-4 过渡延迟时间
6-5 过渡简写方式一
6-6 过渡简写方式二
6-7 创建一个动画
6-8 百分比创建动画
6-9 动画绑定与设置
6-10 动画设置
6-11 动画播放和暂停
- 第七章:转换
7-1 2D位移转换
7-2 百分比设置位移及2D位移简写
7-3 视距
7-4 3D位移转换
7-5 缩放转换
7-6 缩放转换简写
7-7 2D角度转换
7-8 3D角度转换
7-9 倾斜转换
7-10 转换简写及补充
- 第八章:实战过渡、动画、转换
8-1 实战元素宽度变化1
8-2 实战元素宽度变化2
8-3 实战元素位移效果
8-4 实战闪光条效果
8-5 实战css垂直轮播1
8-6 实战css垂直轮播2
8-7 实战css水平轮播1
8-8 实战css水平轮播2
8-9 实战css水平轮播3
8-10 实战罗盘转动效果
8-11 实战时钟指针转动
8-12 js实战时钟效果
8-13 过渡方法实战扑克翻转
8-14 动画方法实战扑克翻转
8-15 jquery实战单击扑克翻转
- 第九章:移动端开发技巧
9-1 媒体查询初识
9-2 媒体查询
9-3 媒体查询小实例
9-4 布局视口
9-5 视觉视口
9-6 理想视口
9-7 三种像素
9-8 vw和vh单位
9-9 vw单位小实例
9-10 vmin和vmax单位
- 第十章:布局51zxw移动端首页
10-1 页面分析
10-2 头部布局1
10-3 头部布局2
10-4 幻灯片区块
10-5 图片导航1
10-6 图片导航2
10-7 职业选课区块
10-8 课程区块1
10-9 课程区块2
10-10 课程区块3
10-11 尾部区块
10-12 让幻灯片动起来1
10-13 让幻灯片动起来2
本套课程是CSS基础课程之后的延续学习,进一步深入的学习CSS在WEB开发中的应用和技巧,课程分11章,包含了常用技巧、图标与背景、弹性盒子、渐变、过渡、动画等,还包含了实战的案例及移动端开发技巧。是一套不可多得的进阶学习课程。