Grid布局基础_技术问答

课程 \前端开发 \HTML/CSS \Grid布局基础

Grid布局基础

                
                爱米
            Web前端工程师

                    查看讲师更多课程 
                    爱米讲师的其他课程
                
HTML5+CSS3实现春节贺卡
中级·105471
免费课程
                                
                难度中级
            
                时长 3小时18分
            
                学习人数
            
综合评分9.33
                            15人评价
                        查看评价
                                9.9
                                内容实用
                            
                                8.4
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

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

已采纳回答 / 天地间任我展翅高飞

哈哈哈，需要多练习。光靠记走不长的。名字跟名字对应关系。最简单的方法自己动手练习，很简单的。

2 回答 315 浏览 5-3 grid-area

2019-07-07

blueju

我倒是觉得，老师讲得很好。
除了录音设备太差导致说话不太清楚的这个缺点。

0 3-2 grid-template 定义行与列的轨道大小

2019-07-07

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

已采纳回答 / 天地间任我展翅高飞

http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html 看这个，要是学不会算我输。

1 回答 1618 浏览 3-11 grid简写形式

2019-07-06

qq_南京银石光武舞_0

怎么黑屏了，看不了！

0 2-1 网格容器、网格项、网格线(概念)

2019-07-04

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

最新回答 / 慕UI7392616

挺熟悉的!!

1 回答 269 浏览 1-2 网格布局的优势和兼容性

2019-07-01

Axhello

这英文发音我都看不下去了

1 3-8 items

2019-07-01

慕移动2226591

谢谢老师的讲授, 还有一节课就看结束了, 收获颇丰; 也希望老师能继续出课;

0 5-3 grid-area

2019-06-30

慕斯4414598

good！

1 3-4 grid-template-areas

2019-06-22

阿达啊实打实的

最新回答 / 信里的的风声

?????

1 回答 317 浏览 1-1 网格布局简介（网格布局是发展趋势）

2019-06-06

IT大神刘东东

我是第一个评论的耶

3 3-9 content

2019-05-30

weixin_仰望天空_0

最好有一些demo来练习

0 3-11 grid简写形式

2019-05-26

11zizai

废话真是多呀

4 2-1 网格容器、网格项、网格线(概念)

2019-05-19

TiAmo_oooooo

听出一口马普的味道，一看资料，昆明的。不错啊，支持一波

0 3-1 display

2019-05-17

让一切随风

啰嗦的很。。。讲了几节内容，都讲不到点上。

2 2-2 网格轨道、单元、区域、fr单位、gr单位(概念)

2019-05-16

网格布局疑问——行线位置不同怎么办？

最新回答 / 前端小白2018

好像是这样。但这样和用2个flex 也没什么区别了，用网格好像也体现不出什么优势，还更复杂了

2 回答 389 浏览 3-2 grid-template 定义行与列的轨道大小

2019-05-14

前端小白2018

我觉得网格布局还有很多需要升级的地方：
1
背景、边框。
目前网格布局只是虚拟的存在，边框背景只能由项目元素来设置，而无法直接在网格上设置，就像表格一样可以设置某一行或某一列的背景边框，网格本身是无色的，做不到。
2
单元格、区域内多元素
目前，一个单元格或区域内，只能装上一个项目元素；如果想要在一块区域内布局多个元素，只能给它们套上一层父元素来解决。
所以需要一个单元格，同时容纳多个元素
3
空间化
一个空间可以包含多个单元格、区域，可以像一个普通元素一样设置背景、边框、字体，等所有css属性

0 2-1 网格容器、网格项、网格线(概念)

2019-05-14

首页上一页 1 2 3 4 5 6 下一页尾页

开始学习

课程须知: 学习之前需要掌握HTML基础、CSS基础，position、float、以及flex布局。

老师告诉你能学到什么？: 学会使用Grid布局实现二维网格布局系统，灵活尽心布局，学会更主流、更简洁的布局方案。

微信扫码，参与3人拼团

慕课网APP - 随时随地学编程

热搜

最近搜索清空