欢迎回到 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
已通过 111
德芙dfu
已通过 55
学号:4193726
已通过 43
4
ChenLy青
已通过 37
5
学号:4824432
已通过 33
6
5264
已通过 24
7
码友4843101
已通过 24
8
码友4753918
已通过 23
9
学号:4842039
已通过 20
10
学号3133549
已通过 18
11
6614
已通过 15
12
月球上人
已通过 15
13
码友4843377
已通过 15
14
6206
已通过 15
15
4834
已通过 15
16
6152
已通过 13
17
学号:4610029
已通过 13
18
别随便解绑
已通过 12
19
阿雄3570
已通过 10
20
薛定谔的萨摩耶
已通过 10
21
空冥2212
已通过 10
22
汾陇
已通过 9
23
5719
已通过 9
24
4423
已通过 7
25
学号:4843366
已通过 7
26
雾海锈锚
已通过 6
27
8971
已通过 6
28
8599
已通过 6
29
阿门阿前一颗葡萄树
已通过 5
30
码友4843402
已通过 5
31
1124
已通过 5
32
4871
已通过 5
33
8589
已通过 5
34
3591
已通过 5
35
2468
已通过 4
36
3180
已通过 4
37
4719
已通过 3
38
7511
已通过 3
39
狡猾的兔子5859
已通过 3
40
码友4841867
已通过 3
41
9881
已通过 3
42
4934
已通过 3
43
焓焓大魔王
已通过 3
44
1711
已通过 2
45
码友4842562
已通过 2
46
1716
已通过 2
47
9067
已通过 2
48
lucasGoGoGo
已通过 2
49
9716
已通过 2
50
绝代风华8587
已通过 2
51
l-5704
已通过 2
52
雷霆
已通过 2
53
遗憾4179
已通过 2
54
3043
已通过 2
55
1986
已通过 2
56
罹毓
已通过 2
57
shuiuo
已通过 2
58
2398
已通过 1
59
1033
已通过 1
60
Mortal8293
已通过 1
61
学号:4842561
已通过 1
62
6052
已通过 1
63
仰光9477
已通过 1
64
9394
已通过 1
65
5533
已通过 1
66
楠江
已通过 1
67
码友4835750
已通过 1
68
僵小鱼5696
已通过 1
69
码友4841002
已通过 1
70
6659
已通过 1
71
学号4805973
已通过 1
72
小_尘埃
已通过 1
73
AUV3953
已通过 1
74
学号:4843459
已通过 1
75
落叶满长安
已通过 1
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

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

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