掘金小册 现代 Web 布局
课程介绍：
小册内容包括：
Web 布局发展和术语： Web 布局技术，从最早的自然流布局（无布局），又经历了表格布局 、浮动布局 、定义位布局 、多列布局 、Flexbox布局（弹性布局）、网格布局（二维布局）、内在 Web 布局、不规则布局、响应式布局等。可用于现代 Web 布局技术越来越多，构建出来的 Web 布局灵活性，适配性更强。
在这个模块中，我将带你了解布局的发展，从宏观的视角带你建立起现代 Web 布局核心知识体系；同时，我们也将对这些技术的术语进行梳理，这也是我们动手去构建 Web 布局之前的核心基本功。
掘金小册 现代 Web 布局
课程目录：
1、Web 布局技术演进：了解 Web 布局发展史
2、现代 Web 布局技术术语
3、Flexbox 布局基础使用
4、Flexbox 布局中的对齐方式
5、Flexbox 布局中的 flex 属性的基础运用
6、Flexbox 中的计算：通过扩展因子比例来扩展 Flex 项目
7、Flexbox 中的计算：通过收缩因子比例收缩 Flex 项目
8、Flexbox 布局中的 flex-basis：谁能决定 Flex 项目的大小？
9、使用 Flexbox 构建经典布局：10 种经典 Web 布局
10、Grid 布局的基础知识
11、定义一个网格布局
12、Grid 布局中的计算
13、可用于 Grid 布局中的函数
14、网格项目的放置和层叠
15、Grid 布局中的对齐方式
16、网格布局中的子网格和嵌套网格
17、使用子网格构建 Web 布局
18、使用 Grid 构建经典布局：10 种经典布局
19、使用 Grid 构建创意性 Web 布局
20、Flexbox or Grid：如何选择合适的布局？
21、display：contents 改变 Flexbox 和 Grid 布局模式
22、Web 中的向左向右：Flexbox 和 Grid 布局中的 LTR 与 RTL
23、Web 中的向左向右：Web 布局中 LTR 切换到 RTL 常见错误
24、内在 Web 设计
25、创建不规则 Web 布局
26、如何构建响应式 UI？
27、下一代响应式 Web 设计：组件式驱动式 Web 设计
28、下一代响应式 Web 设计：容器查询
超火套餐推荐：
