学习 Flexbox 的 18 个优质资源

发布时间:2016-03-28 浏览次数: 评论一下

大家都在谈论的 “flexbox” 是什么? Flexbox 能解决什么问题?现在你可以在你的项目中使用 Flexbox 吗?这些指南、教程、工具会告诉你有关 Flexbox 你需要了解的内容。

1. Learn CSS Layout: Flexbox — Flexbox 布局模型简要概述。

2. Solved by Flexbox — 传统 CSS 布局很难实现,但用 Flexbox 却很简单的一些展示。

3. Can I use… Flexbox — 目前 94.57% 的浏览器都可以渲染 Flexbox 布局。

4. Flexbox in the Real World — 目前可以实施 Flexbox 的策略和工具。

5. A Complete Guide to Flexbox — CSS-Tricks 中关于 Flexbox 的一个完全指南。

6. Flexbox Codrops CSS Reference — 包含很多演示的详细参考指南。

7. What The Flexbox?! — 免费的视频教程,会发送到你的邮箱。

8. flexbox in 5 minutes — Flexbox 特性及 CSS 属性的互动教程。

9. Using CSS flexible boxes — “很多开发者会发现 Flexbox 会更容易使用”,根据 Mozilla Developer Network 开发者指南。

10. CSS Flexible Box Layout Module Level 1 — 最新的关于 Flexbox 的 W3C 技能标准。

11. Flexbox — Fast Track to Layout Nirvana?Dev.Opera 对于 Flexbox 的介绍。

12. The Ultimate Flexbox Cheat Sheet — 在流行的布局设计模式中如何使用 Flexbox。

13. Flexbox Adventures — Flexbox CSS 属性的互动指南。

14. Building With Flexbox — 使用 Flexbox 解决传统 CSS 布局问题的例子。

15. Flexplorer — 通过这个互动工具学习 Flexbox 属性是如果影响页面布局的。

16. Flexy Boxes — 探索 Flexbox 的互动游乐场。

17. CSS Flexbox Please! — 可以用于测试和实验的交互演示。

18. CSS Flexbox — Flexbox 文章、提示、资源的一个集合。

via:sixrevisions.com,本文由 Specs 翻译整理,发布在 WEB资源网

  哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设