收藏网站
使用 Ctrl+D 可将网站添加到书签
为了账号安全，请及时绑定邮箱和手机立即绑定
课程 \前端开发 \HTML/CSS \Grid布局基础

Grid布局基础

爱米 Web前端工程师
查看讲师更多课程 爱米讲师的其他课程
难度中级
时长 3小时18分
学习人数
综合评分9.40
16人评价 查看评价
9.9 内容实用
8.5 简洁易懂
9.8 逻辑清晰
全部 评论 问答 未解决 精华
慕侠357404
我有一个不成熟的小建议： 希望老师讲完后，实际操作一下，用网格布局写一个小的页面。这样可以更好的理解。因为讲了一大堆的属性有些晕，不知道该怎么用。
1 5-2 start-end 简写
2019-08-29
a瑶池
2x刚好，但还是有点啰嗦
0 2-2 网格轨道、单元、区域、fr单位、gr单位(概念)
2019-08-28
小白不是兔
全是理论讲解, 最好配合代码实例
1 3-7 gap 简写
2019-08-27

在小程序中，justify-content没有效果

最新回答 / QngCken
是不是你的container大小设置太小了，justify-content是在包含了网格项之后还有剩余空间时的网格项对齐方式。不然也有可能是浏览器不支持？----萌新如此回答
1 回答 1183 浏览 5-4 self
2019-08-24
慕的地6378312
老师好，感谢您的高水平讲解。
我是想请教个问题，现在flex布局也有align纵轴，那是不是也是二维布局，不是一维布局了？
谢谢您。
0 3-9 content
2019-08-08

这里面 这些header main empty sidebar footer 都是哪里来的？我盲猜是你定义的网格线的命名。但是你不写出来我惶恐

已采纳回答 / qq_一座城_2
很明显，不是的，是每个div的gird-area的取值
2 回答 480 浏览 3-4 grid-template-areas
2019-08-01
qq_幕布斯552703
这一类的玩叶✌
0 1-1 网格布局简介（网格布局是发展趋势）
2019-07-26
慕UI8306450
我以为。。我进入了英语小课堂。。。。
1 2-2 网格轨道、单元、区域、fr单位、gr单位(概念)
2019-07-25

grid-row 简写 斜杠 变成运算了

最新回答 / weixin_慕虎1588437
你没发现2 / 4被解释称0.5了吗....建议写成 grid-column: 2 / span 2;               grid-row: 2 / span 2;
1 回答 441 浏览 5-2 start-end 简写
2019-07-23
慕移动6061222
能去掉一些话作料就更好了,这个速度2倍速度都感受不到干货
0 1-3 学习网格布局需要有的基础以及学习目标
2019-07-07

听不懂老师说的这device样式类和名字，放到的是哪哪呀？

已采纳回答 / imooc_Ao
哈哈哈 ，  需要多练习。 光靠记  走不长的。  名字跟名字对应关系。  最简单的方法自己动手练习， 很简单的。
2 回答 471 浏览 5-3 grid-area
2019-07-07
blueju
我倒是觉得，老师讲得很好。
除了录音设备太差导致说话不太清楚的这个缺点。
0 3-2 grid-template 定义行与列的轨道大小
2019-07-07

template的简写和grid的简写有点混乱？

已采纳回答 / imooc_Ao
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html   看这个，要是学不会算我输。
1 回答 3233 浏览 3-11 grid简写形式
2019-07-06
qq_南京银石光武舞_0
怎么黑屏了，看不了！
0 2-1 网格容器、网格项、网格线(概念)
2019-07-04

声音好熟悉啊。仔细回想了下，才发现是就业班的讲解老师啊。哈哈

最新回答 / 慕UI7392616
挺熟悉的!!
1 回答 389 浏览 1-2 网格布局的优势和兼容性
2019-07-01
Axhello
这英文发音 我都看不下去了
1 3-8 items
2019-07-01
首页上一页123456下一页尾页
开始学习
课程须知
学习之前需要掌握HTML基础、CSS基础，position、float、以及flex布局。
老师告诉你能学到什么？
学会使用Grid布局实现二维网格布局系统，灵活尽心布局，学会更主流、更简洁的布局方案。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消