本文方法好处在于，纯 CSS 驱动，各种切换根本不需要 JS，省了不少 JS，对于类似这种需求大家也可以举一反三，这里只提供一些思路。

其实对于border,想必大家已经了解很多了。所以我就不啰嗦太多的基本东西。 你看看以后再遇到用小三角的，是不是so easy! 哪怕是要用两个。可能讲到这里，不少同学就很不乐意了，这些明明我多懂。来个新鲜的行不行？客官往下看： what?别告诉我这也是用border画的！心细…

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

今天遇到一个很有趣的问题：「如何实现一个宽度自适应，高度为宽度的一半的矩形」。 经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。 首先我们要明白，padding-top/bottom和margin-top/bottom都是相对于父元素…

好久没译文，最近看到这篇 Getting Hardboiled with CSS Custom Properties。觉得不错，翻译出来给大家。现在 CSS 新特性层出不穷，比如 Flex，CSS Grid 等等，我们是不是也可以按照这个思路使用，而不是借助预处理工具呢？ 自定…

“喂，哪个谁，就是你，说你呢，前端修个页面，样式乱了” “我不会呀，要不你先排查一下” “怎么前端不会 CSS？” “前端一定要会 CSS 么？”

🤔🤔🤔

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