欢迎回到 CSS3 flex布局实战

开始闯关

CSS3 flex布局实战

2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。

   


Flex 布局已成为布局的流行方案。


共17关

CSS3 flex布局

关卡 1
使用 display: flex 定位两个盒子
关卡 2
在微博中添加弹性盒子布局
关卡 3
使用 flex-direction 属性
关卡 4
在微博中使用 flex-direction 属性
关卡 5
使用 flex-direction 属性创建列
关卡 6
在微博中使用 flex-direction 创建列
关卡 7
使用 justify-content 属性
关卡 8
在微博中使用 justify-content 属性
关卡 9
使用 align-items 属性
关卡 10
在微博中使用 align-items 属性
关卡 11
使用 flex-wrap 属性
关卡 12
使用 flex-shrink 属性
关卡 13
使用 flex-grow 属性
关卡 14
使用 flex-basis 属性
关卡 15
使用 flex 属性
关卡 16
使用 order 属性
关卡 17
使用 align-self 属性
实战证书

通过本门实战闯关即可获取!

总共 17

已完成 0%
权威性
W3Cschool官方平台认证,无可替代的权威性和纪念性。
学习证明
随时查看学习记录,是认可自己学习结果的有效证明。
自我激励
每一张证书都记录着自己的成长,铭刻每一分付出和成就。
领取证书
周排行榜
排行TOP100
1124
已通过 106
学号:2257983
已通过 96
WenKai
已通过 92
4
3125
已通过 79
5
hyunking
已通过 33
6
李茹云
已通过 30
7
学号:4824432
已通过 27
8
学号:4193726
已通过 25
9
7948
已通过 21
10
strong smile
已通过 17
11
错过遗憾
已通过 17
12
3728
已通过 17
13
朱世奔
已通过 16
14
lz鸿196坐牢版
已通过 16
15
3027
已通过 15
16
忆白7390
已通过 15
17
码友4835551
已通过 15
18
Yr3690
已通过 15
19
3430
已通过 15
20
2983
已通过 15
21
码友4835602
已通过 15
22
码友4835394
已通过 15
23
薛定谔的萨摩耶
已通过 15
24
8987
已通过 15
25
5674
已通过 15
26
码友4627203
已通过 15
27
4719
已通过 15
28
8999
已通过 15
29
5062
已通过 15
30
6497
已通过 14
31
李晋
已通过 13
32
我怕大神
已通过 13
33
1697
已通过 12
34
码友4837254
已通过 12
35
沉默寡言3657
已通过 12
36
码友4753918
已通过 12
37
2201
已通过 11
38
shersam
已通过 11
39
2472
已通过 10
40
码友4837193
已通过 10
41
9721
已通过 10
42
学号:4827592
已通过 10
43
7538
已通过 10
44
1234567892151
已通过 10
45
学号:4031045
已通过 10
46
4259
已通过 10
47
学号:4834164
已通过 9
48
王延兵
已通过 8
49
陈林6184
已通过 8
50
YYX7625
已通过 8
51
1813
已通过 7
52
4133
已通过 7
53
学号:4834212
已通过 7
54
1931
已通过 7
55
必修四
已通过 7
56
4308
已通过 7
57
码友4835471
已通过 7
58
高端翼梵谷
已通过 7
59
9405
已通过 7
60
9368
已通过 6
61
u un x o7619
已通过 6
62
学号:4836378
已通过 6
63
学号:4825265
已通过 6
64
9458
已通过 6
65
7759
已通过 5
66
5314
已通过 5
67
Faiz6752
已通过 5
68
蒙大大
已通过 5
69
Alexander 政
已通过 5
70
1480
已通过 5
71
5808
已通过 5
72
2949
已通过 5
73
码友4837802
已通过 5
74
A-合肥昕杰
已通过 5
75
学号4837953
已通过 5
76
学号:4763177
已通过 4
77
学号:3749443
已通过 4
78
mmm9896
已通过 4
79
Estelle2897
已通过 4
80
学号:821088
已通过 4
81
微信用户3337
已通过 4
82
2955
已通过 4
83
德芙dfu
已通过 4
84
Mortal8293
已通过 4
85
码友4735144
已通过 3
86
愛陽 心陰
已通过 3
87
3569
已通过 3
88
江小鱼6060
已通过 3
89
7411
已通过 3
90
夜雨声烦5209
已通过 3
91
学号:4406750
已通过 2
92
Aizlq
已通过 2
93
学号4170893
已通过 2
94
Svv1632
已通过 2
95
4129
已通过 2
96
码友4623754
已通过 2
97
2578
已通过 2
98
学号880632
已通过 2
99
1011
已通过 2
100
哈哈哈3285
已通过 2
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

返回顶部
登录
注册
微信二维码

微信扫码关注公众号注册登录