这是一个系列，带着大家封装一个纯 CSS 框架，从零学习 SASS 语法。 首先得为 UI 选择一些基本色调，这其实是最核心的。当你改变一些基本配色之后，你会发现框架完全不同了。 初始化一个 Nodejs 项目，安装 parcel 打包工具，让 parcel 来帮我们处理可编译…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

可以理解成生活中的绘画，而对于开发者而言，代码就是画笔，内容就是你开发过程中所画页面的最宽和最高的那个矩形，比如清明上河图就属于内容宽度很长的一幅画。 布局视口可以理解成画板，也就是说纸张只有这么大，如果你想在A4纸上画等比例清明上河图，那显然是会溢出去的。 标签，在显示上也能…

其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env，不过一直没删，但是看到这句话之后，处于好奇，就去翻了翻PostCSS的官网，然后又思考了下这些年CSS的发展历程，遂有这篇文章的出炉。 随着互联网的发展，人们对网页的要求已经是从只…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …