欢迎回到 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
学号:2257983
已通过 152
4719
已通过 115
1124
已通过 106
4
WenKai
已通过 92
5
安稚
已通过 81
6
3125
已通过 79
7
码友4753918
已通过 56
8
学号:4193726
已通过 48
9
hyunking
已通过 33
10
德芙dfu
已通过 32
11
李茹云
已通过 30
12
朱世奔
已通过 29
13
学号:4824432
已通过 27
14
5719
已通过 25
15
SQMingZi
已通过 22
16
7948
已通过 21
17
Jason_Chu
已通过 21
18
4344
已通过 20
19
ChenLy青
已通过 19
20
错过遗憾
已通过 17
21
3728
已通过 17
22
strong smile
已通过 17
23
lz鸿196坐牢版
已通过 16
24
码友4835394
已通过 15
25
似云幻梦
已通过 15
26
8987
已通过 15
27
码友4627203
已通过 15
28
码友3965038
已通过 15
29
5674
已通过 15
30
8999
已通过 15
31
5062
已通过 15
32
charon 桐
已通过 15
33
3027
已通过 15
34
码友4835551
已通过 15
35
7390
已通过 15
36
忆白7390
已通过 15
37
Yr3690
已通过 15
38
3430
已通过 15
39
不讲唔得
已通过 15
40
2983
已通过 15
41
7405
已通过 15
42
码友4835602
已通过 15
43
码友4840031
已通过 15
44
薛定谔的萨摩耶
已通过 15
45
HonKerDynamo
已通过 14
46
6497
已通过 14
47
李晋
已通过 13
48
6563
已通过 13
49
我怕大神
已通过 13
50
1697
已通过 12
51
码友4837254
已通过 12
52
沉默寡言3657
已通过 12
53
shersam
已通过 11
54
5129
已通过 11
55
学号:252315
已通过 11
56
2201
已通过 11
57
1234567892151
已通过 10
58
7538
已通过 10
59
陈林6184
已通过 10
60
学号:4031045
已通过 10
61
4259
已通过 10
62
码友4837193
已通过 10
63
2472
已通过 10
64
9721
已通过 10
65
学号:4834164
已通过 10
66
学号:4827592
已通过 10
67
学号:4827296
已通过 8
68
YYX7625
已通过 8
69
王延兵
已通过 8
70
4308
已通过 7
71
码友4835471
已通过 7
72
高端翼梵谷
已通过 7
73
9405
已通过 7
74
1813
已通过 7
75
柠檬金汤力
已通过 7
76
4133
已通过 7
77
1931
已通过 7
78
学号:4834212
已通过 7
79
必修四
已通过 7
80
码友4837802
已通过 7
81
9458
已通过 6
82
9368
已通过 6
83
u un x o7619
已通过 6
84
学号:4836378
已通过 6
85
1177
已通过 6
86
学号:4825265
已通过 6
87
A-合肥昕杰
已通过 5
88
Jack7804
已通过 5
89
学号:2102212
已通过 5
90
7759
已通过 5
91
5314
已通过 5
92
9976
已通过 5
93
1551
已通过 5
94
Faiz6752
已通过 5
95
蒙大大
已通过 5
96
Alexander 政
已通过 5
97
7305
已通过 5
98
高歌6622
已通过 5
99
琳琳1952
已通过 5
100
6786
已通过 5
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

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

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