点播 Grid布局基础

课程时长 04小时19分钟

学习期限 12 个月 退款期限 30 天

市场价格 免费 会员价格 免费

难度级别 中级 学习人次 46688 综合评分 4.2

内容实用 4.2 分

简洁易懂 4.4 分

逻辑清晰 4.1 分

  • 详情
  • 目录
  • 评价7

简介:本课程带领大家学习新一代的网页布局方案,弥补了之前网页布局的很多不足。CSS网格布局(又名“网格”)是一个二维的基于网格的布局系统,其目的只在于完全改变我们设计基于网格的用户界面的方式。

第1章Grid布局介绍

  • 网格布局简介(网格布局是发展趋势)
    09分钟09秒
  • 网格布局的优势和兼容性
    05分钟33秒
  • 学习网格布局需要有的基础以及学习目标
    05分钟55秒

第2章一些概念

  • 网格容器、网格项、网格线
    22分钟20秒
  • 网格轨道、单元、区域、fr单位、gr单位
    54分钟07秒

第3章容器中的属性

  • display
    11分钟06秒
  • grid-template定义行与列的轨道大小
    19分钟41秒
  • grid-template定义网格线名字
    06分钟05秒
  • grid-template-areas
    10分钟46秒
  • grid-template简写
    10分钟45秒
  • gap行与列的间距
    06分钟15秒
  • gap简写
    02分钟59秒
  • items
    10分钟22秒
  • content
    08分钟33秒
  • grid-auto
    07分钟58秒
  • grid简写形式
    04分钟17秒

第4章CSS函数

  • repeat
    13分钟26秒
  • fit-content
    04分钟59秒
  • minmax.mp4
    08分钟04秒

第5章网格项上的属性

  • start-end基本用法
    20分钟06秒
  • start-end简写
    04分钟08秒
  • grid-area
    07分钟04秒
  • self
    06分钟10秒
46688
7
0