您正在学习的是试看内容,报名后可学习全部内容 报名课程
人气值 4.4k

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

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

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

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

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

分享时间:大约1小时