自 @Ahmad Shadeed 去年在博客上发表了《The Just in Case Mindset in CSS》的时候，我自己也有一种冲动，也想整理一篇这方面的文章，但一直未动笔（说实话，整理一

随着业务对前端的需求越来越多，作为前端三大法宝之一的css也越变越复杂。给初学的同学们带来了一定的压力。css具体到每一个属性也都没有多复杂，主要问题在于知识点比较多。好不容易把主要知识点学完了，一看

许多开发者非常讨厌 CSS，这导致了他们不愿意花太多时间去学习 CSS。 虽然 CSS 不是一门好的“语言”，但 CSS 成功的为 Web 提供了20年的样式支持，理论上不会太差。 当你在项目中写了大量的 CSS 后，你会发现 CSS 的致命缺陷 -- 维护成本巨大。 加上糟糕…

前阵子在 Hacker News 上面看到这篇：Show HN: A CSS Keylogger，大开眼界，决定要找个时间好好来研究一下，并且写一篇文章分享给大家。 Keylogger 就是键盘侧录，是恶意程式的一种，拿来记录你电脑上面所有按过的按键。还记得我小时候曾经用 VB…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

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

3.收缩到最小,这个我还真不知道怎么解释,如果父元素的宽度有限,当前元素内容换行的原则是中文每一个字都可以换行,英文不可以随意换行,根据前面两条规则来换行使得内容能够完全填充,这种行为即收缩到最小,min-content.换行的目的是为了不超过父级元素. 4.超出容器限制,上面…