欢迎回到 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
码友4734354
已通过 45
独1784
已通过 21
码友4785232
已通过 18
4
Angels Kiss
已通过 15
5
3951
已通过 15
6
nameyc
已通过 15
7
mysterio2609
已通过 15
8
码友4785666
已通过 15
9
学号:4780539
已通过 12
10
码友4785700
已通过 10
11
学号:4728892
已通过 9
12
春华秋实1474
已通过 9
13
学号:1512302
已通过 8
14
学号:4594935
已通过 7
15
iridescent6188
已通过 7
16
Baracks
已通过 6
17
8184
已通过 6
18
7976
已通过 6
19
快乐星球7920
已通过 5
20
8718
已通过 5
21
3304
已通过 5
22
学号:4730441
已通过 5
23
哈力9506
已通过 5
24
Kul8570
已通过 4
25
7653
已通过 4
26
学号:4781598
已通过 4
27
小麦3137
已通过 3
28
6982
已通过 3
29
4983
已通过 3
30
学号:1191608
已通过 3
31
6596
已通过 3
32
zrh2932
已通过 3
33
灵长植物
已通过 3
34
学号:2764227
已通过 2
35
8746
已通过 2
36
码友4735282
已通过 2
37
1280
已通过 2
38
学号:4757023
已通过 2
39
学号:1682813
已通过 2
40
1486
已通过 2
41
doubleDOM
已通过 2
42
学号:4786858
已通过 2
43
2962
已通过 1
44
8898
已通过 1
45
学号:4763134
已通过 1
46
6786
已通过 1
47
3763
已通过 1
48
5220
已通过 1
49
6634
已通过 1
50
学号:2339515
已通过 1
51
诡森灵Crowboy
已通过 1
52
学号:2373791
已通过 1
53
4347
已通过 1
54
学号:4778507
已通过 1
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

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

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