当浏览器对一个 render tree 进行渲染时，浏览器的渲染引擎就会根据 基础盒模型(CSS basic box model) ，将所有元素划分为一个个矩形的盒子，这些盒子的外观，属性由CSS来决定。 我们在浏览器控制台输入如下代码就可以看到页面的每一个元素都是由一个矩形来…

我们常用的其实就是px，em，rem，%四种，下文中我们将对常用的长度单位重点分析，对非常用的长度单位简单介绍。 首先我们要知道css中的长度单位可以分为两类：相对长度单位 和 绝对长度单位 。 css相对长度单位中的 “相对” 二字，表明了其长度会随着它的参考值的变化而变化，…

使用图片和 CSS 精灵制作 web 图标的日子一去不复返了。随着 web 字体的爆发，图标字体已经成为在你的 web 项目中显示图标的第一解决方案。 字体是矢量，所以你无须担心分辨率的问题。他们和文本一样因为拥有 CSS 属性，那就意味着，你完全可以应用 size 、 col…