相信学习过一段时间`css`的小伙伴，都不会对css的预编译器`sass`感到陌生，有点类似编程语言，但实际上是提供了一些有效的处理方法，有效`减轻css的开发负担`，`提升开发效率`，`增加开发愉悦

SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件，官方解释。 传统的css文件缺失变量等概念，导致需要书写的重复的代码很多。我写JS的习惯是遇见重…

针对很多新手和中级开发者理解flex布局方式比较晦涩难懂的情况，笔者通过精制的动画效果，让各种布局方式更直观、对比更强烈的展现出来，然后结合图文用非官方的通俗易懂的方式详细讲解每一种布局

之前在本站发表了一篇文章，《JS正则表达式完整教程（略长）》，正如你所看到的那样确实很长，也获得了近1000人的喜欢。但文章太长，想必有很多同学看不下去，大都只是收藏罢了。因此我整理成一本pdf。既然只是收藏，那么收藏文章就不如收藏书来的好。其实，整理成pdf的灵感也来自本站读…

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

浮动是网页布局中非常重要的一个属性。那么浮动这个属性一开始设计的初衷是为了网页的文字环绕效果，如图所示: 另外之前咱们学习了标签的分类，每类标签都是有它自己的特点，比如块级标签独占一行，哎呀，突然有个idea，如果让两个div在一排内显示，那怎么办，可能有的同学又说了，老师，d…

首先要感谢很多私信和评论的小伙伴的信任和鼓励，让我有动力继续写下去。 大前端很大，大到我们常常看不到尽头，零零散散的学习总是让我们无法触类旁通，相互鼓励和"揭短"才能让自己变得更强大，所以我在文末为独行的小伙伴准备了前端大家庭，有她，前端进阶不孤独。我们仰慕技术大佬，而他们也曾…

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

Sass是CSS3语言的扩展，它能帮你更省事地写出更好的样式表，使你摆脱重复劳动，使工作更有创造性。因为你能更快地拥抱变化，你也将敢于在设计上创新。你写出的样式表能够自如地应对修改颜色或修改HTML标签，并编译出标准的CSS代码用于各种生产环境。Sass语法比较简单，难点在于如…