LESS 和 SCSS 的区别 相同点： 1. LESS和SCSS都是css的预处理器，可以拥有变量，运算，继承，嵌套的功能，使用两者可以使代码更加的便于阅读和维护。

Sass(Scss)、Less的区别与选择 + 基本使用 为什么要使用 CSS 预处理器 原因 CSS 仅仅是一个标记语言，自定义变量的使用不够灵活。 语法不够强大...

你知道z-index: 0和z-index: auto的区别吗？最近在学习层叠上下文，学习的过程中对z-index为0和为auto有什么区别产生了疑问，然后整理出了这篇笔记，

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。 可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。 盒模型分为IE盒…

1. opacity 2. visibility 3. display 是真正意义上的隐藏元素。 4. hidden HTML5新增的hidden属性，可以直接隐藏元素。 跟display表现一致。 5. position 6. clip-path 通过裁剪元素来实现隐藏。 7…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。 引言 在日常开发中我们通常会用到隐藏元素，控制隐藏元素的方式有很多种，你是否仔细观察记录每种方式的是实现过

2021 高频前端面试题汇总之CSS篇，前端面试题汇总系列文章的CSS篇，长期更新，欢迎收藏、点赞！

关于 **margin collapsing** 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外边距，我有上外边距，两边一靠近，重合折叠了。塌陷嘛，有一边塌了没了