flex box 入门、进阶、实战班 (QQ交流群:28147320)
黄老师QQ/微信:45157718
第1部分:Flex Box 入门
第2部分:Flex Box 布局实战
第3部分:(实战)公司移动站点实战
【第1部分:flex入门】
Flex课程(1)Flex容器的属性
1.1-Flex Box介绍
1.2-Flex实战-表单的简单布局
1.3-Flex容器的属性--flex-direction项目的排列方向
1.4-Flex容器的属性--flex-wrap如何换行
1.5-Flex容器的属性--justify-content内容对齐(左中右)
1.6-Flex容器的属性--align-items(上中下对齐)
Flex课程(2)项目属性
2.1-Flex项目的属性--order子元素的排序
2.2-Flex项目的属性--flex-grow项目的放大比例
2.3-Flex项目的属性-flex-shrink项目的缩小比例
2.4-Flex项目的属性-flex-basis项目占据的主轴空间
2.5-Flex项目的属性-flex综合属性设置
2.6-Flex项目的属性-align-self(子元素上中下的设置)
2.7-Flex项目的属性-margin(对齐和居中)
【Flex实战】
3.1-Flex实战-骰子之一个
【第2部分:Flex实战】
Flex实战(1)各种布局
01 Flex Box页面布局实战课程-基本网格布局
02 Flex Box页面布局实战课程-百分比布局
03 Flex Box页面布局实战课程-固定的底栏
04 Flex Box页面布局实战课程-圣杯布局
05 Flex Box页面布局实战课程-输入框的布局
06 Flex Box页面布局实战课程-悬挂式布局
07 Flex Box页面布局实战课程-流式布局
Flex实战(2)九宫格布局
08 Flex Box页面布局实战课程-九宫格布局
09 Flex Box页面布局实战课程-九宫格布局-一个项目的布局(按行row排列)
10 Flex Box页面布局实战课程-九宫格布局-一个项目的布局(按列column排列)
11 Flex Box页面布局实战课程-九宫格布局-八个项目的布局
12 Flex Box页面布局实战课程-九宫格布局-七个项目的布局
13 Flex Box页面布局实战课程-九宫格布局-六个项目的布局
14 Flex Box页面布局实战课程-九宫格布局-五个项目的布局
15 Flex Box页面布局实战课程-九宫格布局-三个项目的布局
【第3部分:企业移动站点设计实战】
01-课程说明
02-首页-页面建立和广告图
03-首页-区块标题和公司简介
04-首页-最新产品
05-首页-最新产品
06-首页-最新资讯
07-首页-底部菜单布局
08-首页-底部菜单样式
09-空白页面的建立
10-产品-整体框架的实现
11-产品-左侧分类
12-产品-右侧分类产品
13-产品-案例
14-资讯-列表
15-关于我们
16-留言
17-详情页面
课程介绍
课程目录
往期学员作品
用户评论
课程介绍
课程目录
往期学员作品
用户评论
你将获得
- 掌握某些知识点
- 学会某些技巧(或思路)
教学服务
1v1专属答疑服务
BAT专家面试辅导
讲师介绍
黄菊华
金牌讲师
摇亿学院,专注于Web前端、移动开发、跨平台开发技术;《微信小程序商城界面实战》作者;力求让每个入学的学员都能学会这几门技术能参与工作。
课程详情
温馨提示
- 请勿私下交易请勿在平台外交易。与机构和老师私下交易造成的任何损失及纠纷,腾讯课堂不承担任何责任
- 听课说明
1、电脑:访问腾讯课堂官网 ke.qq.com 查看我的课表或下载win/mac客户端听课
2、手机/平板:下载腾讯课堂APP, 进入学习页面听课