|
|
程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
你将获得:
- 整体了解 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 设计:容器查询
下载地址:
|
|
[复制链接]
发表于 2023-10-30 09:00:01
发表于 2023-10-30 09:21:30
发表于 2023-10-30 09:29:44
