Web 永恒不变的主题:布局——Box,Flex,Grid

时间: 2017-04-17 - 21:30
地点: 线上 - 直播

活动内容 [活动纠错]

Meathill

我是翟路佳,微博博客。

热爱编程,希望把程序员作为终身职业。享受不断学习、不断进步的过程,享受解决难题后的畅快。

从业10年有余,目前是一名全栈工程师,技术偏前端。

喜欢分享,好奇心旺盛,喜欢琢磨产品,喜欢观察商业模式。


【内容简介】

HTML 诞生本来是想方便大家看文献,结果因为它方便传播的特性,加之后面的互联网的大爆发,很快,它就被我们驱赶着,驰离了原先的轨道。现在,难以计数的产品建构在 HTML 之上,呈现文字排版只占其中很小的一部分,绝大部分时间,我们都用它来布局。

于是,布局,成为前端必须掌握的技能之一。

最早我们用 <table>;后来大家学会用 CSS,开始借助盒模型(box),用 <div>;接着随着 HTML5 和 CSS3 的到来,我们可以用 Flex 更加方便快捷的解决问题;近期,Grid 也从规范中走出来,被越来越多的浏览器支持。

这次分享应该会偏基础,先回顾一下使用盒模型进行布局,然后使用 Flex 更高效的解决问题,最后展示一下更强大的 Grid 的使用。

活动品牌