CSS对于呈现页面至关重要 – 在找到，下载和解析所有CSS之前，浏览器不会开始呈现 – 因此我们必须尽可能快地将其加载到用户的设备上。 关键路径上的任何延迟都会影响我们的“开始渲染”并让用户看到空白屏幕。

Web前端高薪的诱惑，学习门槛低，无论是学生党还是工作者，都渴望着凭借着自己的能力，空余的时间，想学一下前端。或许是爱好，或许是想从事这份工作。但是真的那么容易吗？如今初级前端的工作，已经接近饱和，并…

实现思路：网格背景，由css3的线性渐变来实现。纸上的打孔，由圆和圆柱组成，多个打孔，可以由box-shadow的平铺来实现。

在视频场景中，经常需要实现镜头平移的效果，摄影术语上这叫做Panning Shot，动画中实现镜头平移效果的方法很多种，比如在codepen中搜了下，就找到一个利用 background-position来实现的用例

The first time when I know vh I was very excited. Finally, we can do this by css instead of js. However, still too naive.

CSS3边框与圆角 CSS3圆角border-radius:属性值由两个参数值构成: value1 / value2，值之间用/分隔，value1代表圆角的水平半径，value2代表圆角的垂直半径盒阴影box-shadow:语法：box-shadow: 水平方向的偏移量 垂…

文档对象模型或“DOM”是网页的接口。 它本质上是页面的API，允许程序读取和操作页面的内容，结构和样式。

那么按照默认的盒子模型，两个平级的DIV一上一下，占满整个父亲DIV。如果想要让第二个DIV覆盖第一个怎么办？

一些浏览器事件:window.onresize、window.mousemove等，触发的频率非常高，会造成浏览器性能问题

在日常工作中，经常会遇到图片+文字+背景色的设计稿实现。经常我们在Chrome浏览器上调试的好好的，但是到了移动端就会有各种奇特的适配问题——最经常遇见莫过于Android中文字稍微偏上了。在iOS和Android上的调试，…