• 课程 / CSS

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

    直播班:PHP小白到大牛三个月速成!

    立即报名
    介绍章节评论课件
    Grid (网格布局): 在CSS中第一个真正意义上的布局技术, 也是CSS布局的巅峰之作, 彻底告别一维模式, 一步跨入全新的二维空间布局新时代....
  • 难度:高级
  • 共18章节
  • 16084次播放
  • 第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中文网
    PHP中文网
    全栈工程师
    能学到什么:

    彻底掌握Grid布局的原理, 常用属性,以及应用场景, 从此告别"布局恐惧症"

    全部评论我要评论

  • 黎

    4个月前

    感谢老师!讲的很好!!!!!!!!!!!

    回复
    1

  • 黎

    4个月前

    感谢老师!!!!!!!!!!!!!!!!!!!!!!!!

    回复
    1

  • 黎

    4个月前

    谢谢老师,听了您两个讲的两个课程,非常好!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    感谢老师!!!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    谢谢老师,听的很舒服!!!!!!!!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    感谢老师!!!!!!!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    感谢老师!!!!!!!!!!!!!!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    感谢老师!!!!!!!!!!!!!!!!!!!!!!!

    回复
    0

  • 黎

    4个月前

    多谢老师,很有用!!!!!!!!!!!!

    回复
    0

  • 深拥浅沫

    深拥浅沫11个月前

    这主题是啥啊,很好看

    回复
    0

  • 手机用户1356844

    手机用户13568441年前

    你这播放器卡得无法用

    回复
    0

  • 取消回复发送
  • PHP中文网