伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…

上一篇文章我们讨论了font-size，这一篇来说另一个与文字关系密切的属性line-height。这里涉及到了内联盒模型相关的东西，这里保持了与上一篇类似的结构，先来说说概念，然后是度量单位，最后来聊一个常见的内联元素的现象。 说到盒模型，只要了解css的基本都知道这个概念，…

在我们日常前端开发中，特别一些新入门的前端，往往对margin/padding的百分比有错误的认知。最近面试时有遇到过这个问题，由于对这些小知识点的忽略而凭借自己的直观印象而回答错误，所以做下梳理与记录。 面试官问：假设一个div，宽400px，高200px，他有个子div的m…

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

圣杯和双飞翼布局介绍最近正好碰到了写这种布局，一直没有总结过正好借这次机会总结一波，同时加强一下自己的理解。博客链接：http://www.xluos.com/index.ph...圣杯布局和双飞翼布

基于前一篇文章关于 Flex 语法知识的梳理，这篇文章整理出一些常见的 Flex 布局解决方案。实现方式仁者见仁，欢迎大家评论区指正交流。 在开始之前，还是把这张图贴上，着重理解 Flex Box 里主轴(main axis)和交叉轴(cross axis)的概念。 在 Fle…

就是RGB三种颜色分别取255的差值。 rgb三种颜色取三种颜色的最值的平均值。 高斯模糊的原理就是根据正态分布使得每个像素点周围的像素点的权重不一致，将各个权重（各个权重值和为1）与对应的色值相乘，所得结果求和为中心像素点新的色值。我们需要了解的高斯模糊的公式：

一个读者留言说他自己写起 JS 和 React 来觉得很有趣，但是当要处理样式的时候，他就很沮丧。 编程是有趣的，解决问题也是有趣的。当你经历千辛万苦让你的程序正确运行的时候，这种感觉，简直不可思议。 然而，哦，糟糕，是 CSS。你的 App 运行得很好，就是样式有点糟糕，那么…

让一个元素水平居中很简单：如果是内联元素，可以在父元素上设置text-align: center；如果是一个块元素，可以使用margin: auto。 而垂直居中就复杂得多。 有如下样式： 原理是先以元素左上角的点作为参考，将其居中到屏幕中心，在用负的margin让元素便宜自身…