1-0 课程简介
CSS实战与技巧视频教程
讲师:何亮
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

何亮

WEB开发资深讲师

TA的课程
教程商城
购买 电脑下载版光盘版 课程
购买
相关教程推荐
menu home publish search App