- 让布局像5G一样快：CSS Grid网格布局
- Grid (网格布局): 在CSS中第一个真正意义上的布局技术, 也是CSS布局的巅峰之作, 彻底告
- 上架：2022-12-26 16:04:00 学习人数：413
- 介绍
- 目录
Grid (网格布局): 在CSS中第一个真正意义上的布局技术, 也是CSS布局的巅峰之作, 彻底告别一维模式, 一步跨入全新的二维空间布局新时代....
第2章
单元格数量与尺寸
-
1
- 设置单元格的数量和尺寸(1)
- 学习时长：12分00秒
-
2
- 设置单元格的数量和尺寸(2)
- 学习时长：13分40秒
第3章
网格线划分单元格
-
1
- 使用默认网格线划分单元格(1)
- 学习时长：11分52秒
-
2
- 使用默认网格线划分单元格(2)
- 学习时长：13分50秒
-
3
- 使用命名网格线划分单元格
- 学习时长：13分12秒
-
4
- 重复设置单元格时命名网格线会自动添加索引
- 学习时长：12分11秒
第4章
项目填充到区域中
-
1
- 将项目填充到默认网格区域中
- 学习时长：16分41秒
-
2
- 将项目填充到命名网格区域中
- 学习时长：11分58秒
-
3
- 将项目填充到网格区域占位符中
- 学习时长：06分31秒
-
4
- 命名网格区域线默认名称
- 学习时长：13分34秒
第5章
项目的对齐方式
-
1
- 设置所有项目在容器中的对齐方式(1)
- 学习时长：11分39秒
-
2
- 设置所有项目在容器中的对齐方式(2)
- 学习时长：11分17秒
-
3
- 设置所有项目在单元格中的对齐方式
- 学习时长：14分52秒
-
4
- 设置所有项目在网格区域内的对齐方式
- 学习时长：08分48秒
-
5
- 设置某个项目在单元格或网格区域内的对齐方式
- 学习时长：12分19秒
-
6
- 设置容器中行与列之间的间距
- 学习时长：13分06秒
课程推荐
更多>
-
视频- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 立即学习 2022/12/23 28:53
-
视频- CSS3最新教程快速入门通俗易懂
- 最新一期的CSS3入门教程，快速上手CSS必备课程。从基础到进阶，每一个小知识都带有小案例，让编程学习不再枯燥。
- 立即学习 2022/12/23 33:29
-
视频- 一天学会DIV+CSS布局（五大实战）
- 本课程通过五个实战案例让你快速掌握DIV+CSS布局。1.DIV+CSS标准化页面布局实战2.HTML5新特性页面布局实战3.响应式页面布局实战4.使用弹性盒移动页面布局实战5.用流行栅格框架布局页面实战
- 立即学习 2022/12/23 34:35
-
视频- Web开发基础_HTML+CSS
- HTML+CSS是制作WEB前端最基础的语言也是开发者需要掌握的最基本的知识，本课程将带领大家学习HTML和CSS,了解各种常用标签属性以及基本用法，学会css的基本样式，为后面的学习打下基础。
- 立即学习 2022/12/26 43:11