当前位置

网站首页> 程序设计 > 开源项目 > 程序开发 > 浏览文章

18个学习 flexbox 的优质资源

作者:小梦 来源: 网络 时间: 2024-03-10 阅读:

大家都在谈论的“flexbox”是什么呢?它能帮我们解决什么问题呢?现在你可以在你的项目中使用“flexbox”吗?这些指南、教程、网站和工具会告诉你你需要知道的关于“flexbox”的知识。

  1. Learn CSS Layout: Flexbox — 一个 “flexbox” 的简明概要。

  2. Solved by Flexbox — 展示 flexbox 如何解决传统的盒模型布局无法解决的痛点。

  3. Can I use… Flexbox — 这一资源显示今天94.57%的浏览器都支持渲染flexbox布局。

  4. Flexbox in the Real World — 现在实现 flexbox 的策略和工具。

  5. A Complete Guide to Flexbox — 一个全面的指导,里面包含有很多视觉效果方面的CSS技巧。

  6. Flexbox Codrops CSS Reference — 一个详细的参考指南,其中包含大量的在线演示。

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

  8. flexbox in 5 minutes — flexbox主要特性与CSS属性的交互课程。

  9. Using CSS flexible boxes — “很多设计师会发现flexbox模型更容易使用”–来自MDN开发者指南。

  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解决常见的布局问题的例子。

  15. Flexplorer — 学习flexbox CSS属性是如何影响页面布局的。

  16. Flexy Boxes — 探索flexbox互动园地。

  17. CSS Flexbox Please! — 可以用来测试和考试的交互式演示。

  18. CSS Flexbox — flexbox 文章、技巧和资源的集合。

via:sixrevisions,本文由 Specs 翻译整理,发布在 Coder资源网,转载请注明来源。

相关阅读

热点阅读

网友最爱