48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

LESS 是 CSS预处理语言，是 CSS 的扩展。 然后说说比较流行的几款预编译器：SASS/SCSS、LESS、Stylus。 SASS/SCSS和Stylus都很强，但是我还是选择了LESS，个人喜欢NodeJS，然后stylus空格我又不喜欢，就用了LESS，现在用的也…

eg. eg. 其实如果学了SCSS的@mixin的话... 当使用CSS时，我们经常在一个全局环境设置，这样可能会错误地设置元素的样式。 自定义CSS(即使有CSS变量)仍然是非常冗余的。 在另一个样式表中导入一个样式表的问题，这可能会导致一个非常大的样式库，没有适当的文档可…