死磕 CSS 布局 - 前端小课第二阶段

前端小课第一阶段共计 20 天，主要学习了 CSS 和 HTML，总阅读量 20000+，共有 260+ 位同学参加了每天的打卡学习。在这一阶段，我把趟过的坑进行了一次系统而深入的学习，力求通过第一手资料深挖问题的本质。在写的过程中也得到了同学们的认可，我觉得前端小课为想学习前端的同学提供了一个入门的桥梁，课程虽然是免费的，但是我力求做到最好。第一阶段的内容我整理成了一本 86 页的电子书，想要的同学可以通过这篇文章获取：坚持学习前端的第20天

在我学习前端的时候，被 CSS 布局搞懵了好多次，无数次以为我真的掌握到了布局的本质，但后来发现有些内容还是没有彻底掌握。FlexBox、Position 布局我写过两次文章，即将进入第三次。这次我下了血本，把 MDN 文档都打印出来了，旨在能够理解的更透彻。我想把我对 CSS 布局的理解分享给大家。这一阶段时间比较短，但内容非常重要。在我接触的前端同学中，即使有多年工作经验的，也未必能掌握布局的精华。如果你对 CSS 布局理解的不是很好，不防和我一起系统学习一遍。

下面是这一个阶段的课程大纲：

课程部分图片：

前端小课是一本帮助你学习前端的多媒体电子书。每天一小课，分阶段、系统地学习前端知识，避免 case-by-case 重复学习。参与的同学每天都会打卡，算是对自己的一次监督吧，学习也要有一种仪式感。如果你想参与这一阶段学习，但是没有 CSS 基础，建议在这一阶段还没开始前，学习一下第一阶段的内容。

参与方式如下：
1.关注公众号「素燕」，文末有二维码；

2.在公众号留言区输入打卡指令即可完成打卡，每天文章中会带有不同的打卡指令。

由于微信群很难沉淀内容，导致同一问题被很多同学提问，所以有问题直接公众号留言，其它方式不会回复，望见谅。坚持「有效打卡」满 10 天以上，将会送出本阶段的电子书。第一阶段没有强调「有效打卡」导致留言区都是打卡、打卡、打卡这样的内容，我希望大家在留言区也能学到知识，所以打卡内容我每次会选择一些有意思的话题。还是那句老话：“互帮互助，各取所需”，希望更多的同学能把自己学到的知识分享出来，如果你有好的内容可以投稿给我。

第二阶段微信群，如果你已经在第一阶段的微信群，就不要加了，两边内容会同步，或者到时候我会合并到一个群。

---

推荐阅读：

坚持学习前端的第20天