Grid布局基础_学习笔记

首页免费课 Grid布局基础笔记

Grid布局基础

                
                爱米
            Web前端工程师

                    查看讲师更多课程 
                    爱米讲师的其他课程
                
从入门到实战，轻松完成Angular8构建CRM系统
实战·中级·728

                                                                                                                                    ￥69.90
                                            
HTML5+CSS3实现春节贺卡
中级·110045
免费课程
                                
                难度中级
            
                时长 3小时18分
            
                学习人数
            
综合评分9.17
                            18人评价
                        查看评价
                                9.6
                                内容实用
                            
                                8.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

最热最新

慕用0863198 05:58

列轴方向的对齐方式

查看全部

0 采集收起来源：content
2020-02-16
慕用0863198 01:29

属性值的定义

查看全部

0 采集收起来源：content
2020-02-16
慕用0863198 01:26

属性值的定义

查看全部

0 采集收起来源：content
2020-02-16
慕用0863198 01:16

justify-content的7个属性值

查看全部

0 采集收起来源：content
2020-02-16
慕用0863198 08:27

使用place-items可以对行和列进行简写，此处写在前边的是列的定义，写在后面的是行的定义，只写一个就设置了两个

查看全部

0 采集收起来源：items
2020-02-16
慕用0863198 05:38

列项的对齐

查看全部

0 采集收起来源：items
2020-02-16
慕用0863198 02:13

如图，属性值的内容

查看全部

0 采集收起来源：items
2020-02-16
慕用0863198 01:48

行轴的对齐方式

查看全部

0 采集收起来源：items
2020-02-16
慕用0863198 00:24

间隙的定义和写法，如果只写一个那就是行和列使用同一个间隙

查看全部

0 采集收起来源：gap 简写
2020-02-16
慕用0863198 02:20

如图，实际使用效果

查看全部

0 采集收起来源：gap 行与列的间距
2020-02-16
慕用0863198 04:55

如图简写格式

查看全部

0 采集收起来源：grid-template 简写
2020-02-16
慕用0863198 01:37

属性值的定义

查看全部

0 采集收起来源：grid-template 简写
2020-02-16
慕用0863198 01:22

如图，简写定义

查看全部

0 采集收起来源：grid-template 简写
2020-02-16
慕用0863198

需要注意的点：
1.每一行需要使用“”进行括起来
2.每一个值对应一个网格单元，不能漏掉任何一个网格单元
3.值与值之间使用空格隔开
4.行与行之间使用回车进行分隔没有其他符号

查看全部

0 采集收起来源：grid-template-areas
2020-02-16
慕用0863198 03:55

如图，实际定义的效果，如果名字一样，就会被定义成相同的区块

查看全部

0 采集收起来源：grid-template-areas
2020-02-16

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

0/150

提交

取消

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Grid布局基础