Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

在公司移动端项目中，我需要十分频繁的和 **DOM** 元素的各种 **width**、**height** 打交道。但是这里有这么多关于 **width** 的属性，它们之间的区别到底体现在哪里？

```js 字体 font-family：name font-family："黑体" 大小 font-size：length（字号大小），win10系统浏览器默认字号大小为16px length：百分

最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解，也没找到一个合理的解释。我知道，肯定是我对相关属性…

说起CSS单位，我们最熟悉的可能就是像素单位（px），它是一个绝对单位，也就是说一个10px的文字，放在哪里都是一样大的。单位可以影响颜色、距离、尺寸等一系列的属性。CSS中单位的形式有很多种，下面就

前端最优化压缩图片上传方案！！！再次优化升级！14M压缩后仅剩130KB。 图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理， 可以显著的提升用户体验。

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

从输入url到页面展示到底发生了什么？css、js和图片文件加载会阻塞页面解析和渲染吗？同时加载10个js文件需要多长时间？