课程 / CSS

让布局像5G一样快：CSS Grid网格布局

Grid (网格布局): 在CSS中第一个真正意义上的布局技术, 也是CSS布局的巅峰之作, 彻底告别一维模式, 一步跨入全新的二维空间布局新时代....

难度：高级

共18章节

24900次播放

第1章创建网格容器: 1.创建并划分网格容器(1)
16分钟43秒; 1.创建并划分网格容器(2)
14分钟34秒
第2章单元格数量与尺寸: 设置单元格的数量和尺寸(1)
12分钟00秒; 设置单元格的数量和尺寸(2)
13分钟40秒
第3章网格线划分单元格: 使用默认网格线划分单元格(1)
11分钟52秒; 使用默认网格线划分单元格(2)
13分钟50秒; 使用命名网格线划分单元格
13分钟12秒; 重复设置单元格时命名网格线会自动添加索引
12分钟11秒
第4章项目填充到区域中: 将项目填充到默认网格区域中
16分钟41秒; 将项目填充到命名网格区域中
11分钟58秒; 将项目填充到网格区域占位符中
06分钟31秒; 命名网格区域线默认名称
13分钟34秒
第5章项目的对齐方式: 设置所有项目在容器中的对齐方式(1)
11分钟39秒; 设置所有项目在容器中的对齐方式(2)
11分钟17秒; 设置所有项目在单元格中的对齐方式
14分钟52秒; 设置所有项目在网格区域内的对齐方式
08分钟48秒; 设置某个项目在单元格或网格区域内的对齐方式
12分钟19秒; 设置容器中行与列之间的间距
13分钟06秒

取消回复发送

PHP中文网