欢迎回到 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
哈力9506
已通过 150
007FFF
已通过 98
1326
已通过 98
4
学号4270173
已通过 85
5
4983
已通过 58
6
德芙dfu
已通过 45
7
6317
已通过 44
8
MARSBig triangle
已通过 24
9
学号:3965273
已通过 23
10
学号:335570
已通过 21
11
大可8023
已通过 20
12
3434
已通过 18
13
吉永红
已通过 18
14
9927
已通过 17
15
码友4773330
已通过 17
16
蓝图1348
已通过 16
17
3934
已通过 16
18
8871
已通过 16
19
码友2382915
已通过 15
20
8461
已通过 15
21
BLACK MOON
已通过 15
22
学号:3999662
已通过 15
23
6406
已通过 15
24
潘6926
已通过 15
25
HYJ丶
已通过 15
26
Victoria4874
已通过 15
27
4159
已通过 15
28
8705
已通过 15
29
码友4774650
已通过 15
30
焕蔚
已通过 15
31
3089
已通过 15
32
Covs
已通过 15
33
学号:4087626
已通过 15
34
冯秋源爸爸
已通过 15
35
也盼寒光遇骄阳
已通过 15
36
7606
已通过 15
37
9603
已通过 15
38
7980
已通过 15
39
8366
已通过 15
40
3763
已通过 15
41
4467
已通过 15
42
猫尾的泪痣
已通过 15
43
1253
已通过 15
44
忘记睡
已通过 15
45
码友4775628
已通过 15
46
5633
已通过 15
47
流年亦梦9849
已通过 15
48
8580
已通过 14
49
梦依然8106
已通过 14
50
6502
已通过 13
51
1847
已通过 13
52
微信用户3189
已通过 13
53
学号:4776084
已通过 13
54
7414
已通过 13
55
1497
已通过 12
56
1083
已通过 12
57
5681
已通过 12
58
王嘉祺6591
已通过 11
59
学号:3822307
已通过 11
60
3432
已通过 11
61
6531
已通过 11
62
4401
已通过 10
63
1974
已通过 10
64
学号:1177253
已通过 10
65
莫雨千秋
已通过 10
66
雨秋7312
已通过 10
67
学号:3409893
已通过 10
68
4708
已通过 10
69
学号:4204549
已通过 10
70
Jason_Chu
已通过 10
71
学号:4765525
已通过 9
72
6549
已通过 9
73
2897
已通过 9
74
傻子的梦
已通过 9
75
诡森灵Crowboy
已通过 8
76
答案说明所有1474
已通过 8
77
学号:4706580
已通过 8
78
冯金凯
已通过 8
79
7419
已通过 8
80
码友4778168
已通过 7
81
乐乐4356
已通过 7
82
学号:4416472
已通过 7
83
码友4602879
已通过 7
84
1643
已通过 7
85
carpe diem3498
已通过 7
86
8641
已通过 7
87
学号:4780539
已通过 7
88
K2123
已通过 7
89
7787
已通过 7
90
码友4772936
已通过 7
91
1714
已通过 7
92
明天2316
已通过 6
93
码友2937281
已通过 6
94
2718
已通过 6
95
4909
已通过 6
96
学号:4777499
已通过 6
97
3553
已通过 6
98
7910
已通过 6
99
学号:4183046
已通过 6
100
1547
已通过 6
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

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

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