大漠 现代Web布局
你将获得:
[*]整体了解 Web 布局的发展和演变;
[*]Flexbox 和 Grid 布局中的具体应用和注意事项;
[*]构建可适配多终端、兼具创造和艺术性的 Web 布局方案;
[*]大量图文和实战,轻松掌握最新 CSS 特性。
适宜人群:
适用于 Web 开发者,对 CSS 有认知,最好是具有 1~2 年开发经验的同学,以及希望深度掌握布局技术的前端开发者。
课程目录:
01、Web 布局技术演进:了解 Web 布局发展史
02、现代 Web 布局技术术语
03、Flexbox 布局基础使用
04、Flexbox 布局中的对齐方式
05、Flexbox 布局中的 flex 属性的基础运用
06、Flexbox 中的计算:通过扩展因子比例来扩展 Flex 项目
07、Flexbox 中的计算:通过收缩因子比例收缩 Flex 项目
08、Flexbox 布局中的 flex-basis:谁能决定 Flex 项目的大小?
09、使用 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 设计:容器查询
下载地址:
**** Hidden Message *****
啥也不说了,感谢楼主分享哇! 这个帖一般般,还可以哦。 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇! 啥也不说了,感谢楼主分享哇! 正需要,支持楼主大人了! 天天一小步,步步汇成路 啥也不说了,感谢楼主分享哇!