界面设计布局神器：flex box 入门、进阶、实战班

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-详情页面
 

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。