歡迎回到 CSS3 flex布局实战

開(kāi)始闖關(guān)

CSS3 flex布局实战

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

   


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


共17關(guān)

CSS3 flex布局

關(guān)卡 1
使用 display: flex 定位两个盒子
關(guān)卡 2
在微博中添加弹性盒子布局
關(guān)卡 3
使用 flex-direction 属性
關(guān)卡 4
在微博中使用 flex-direction 属性
關(guān)卡 5
使用 flex-direction 属性创建列
關(guān)卡 6
在微博中使用 flex-direction 创建列
關(guān)卡 7
使用 justify-content 属性
關(guān)卡 8
在微博中使用 justify-content 属性
關(guān)卡 9
使用 align-items 属性
關(guān)卡 10
在微博中使用 align-items 属性
關(guān)卡 11
使用 flex-wrap 属性
關(guān)卡 12
使用 flex-shrink 属性
關(guān)卡 13
使用 flex-grow 属性
關(guān)卡 14
使用 flex-basis 属性
關(guān)卡 15
使用 flex 属性
關(guān)卡 16
使用 order 属性
關(guān)卡 17
使用 align-self 属性
實(shí)戰(zhàn)證書(shū)

通過(guò)本門(mén)實(shí)戰(zhàn)闖關(guān)即可獲??!

總共 17 關(guān)

已完成 0%
权威性
W3Cschool官方平台认证,无可替代的权威性和纪念性。
学习证明
随时查看学习记录,是认可自己学习结果的有效证明。
自我激励
每一张证书都记录着自己的成长,铭刻每一分付出和成就。
領(lǐng)取證書(shū)
周排行榜
排行TOP100
App下載
App下載

掃描二維碼

下載編程獅App

關(guān)注有禮
微信公眾號(hào)

掃碼關(guān)注 領(lǐng)資料包

返回頂部
登录
注册