这是 Flexbox 系列的第三篇文章，在前两篇中，我介绍了 当我们在使用 display: flex 的时候，到底发生了什么？，探讨了 Flexbox 中的对齐。本文我们将学习去控制 Flex 项目的尺寸，以及浏览器默认是如何分配项目尺寸的。 假设现在我们有一些内容不等的元素…

在 本系列的第一篇文章 中，我解释了当在元素上声明 display: flex 的时候，发生了什么。这一次我将带领大家浏览一下对齐属性（alignment properties），看看它们是如何在 Flexbox 中起作用的。如果你曾困惑不知道该使用 align-* 属性还是 …

本文是 Flexbox 系列的最后一篇文章。文本我将花时间说明 Flexbox 的使用场景，而且我们现在还有 Grid 布局，我会对如何在他们之间做选择和各的使用场景做些说明和建议。 如果你还没有读这个系列的其他文章的话，现在可以先去看看一下。我先讲了 当我们在使用 displ…

我准备开一个小系列的文章，花点时间解密一下 Flexbox——就像过去我在讲解 Grid 一样。我们将看到 Flexbox 的设计目的，它真正做得好的地方，以及为什么我们不选择它作为布局方法。本文中将会介绍当我们在使用 display: flex 的时候，到底发生了什么？ 为了…

在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了✋5个分享给大家, 希望大家喜欢. 参过参数可以只是单/多行. 移动端由于像素密度比的问题, 实际的1px边框看起来比较粗, 如果想要更"细"可以使用下面的代码. 不同像素密度比的设备都可以兼容(pc/手机…

你该知道的字体 font-family。 该篇文章基本没有太多移动端的字体选择及分析。并且过了这么久，如今的 Web 字体又有了一些新的东西，遂有此文。 正文从这里开始。 作为前端的一个习惯，浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站…