在Web布局中，现代CSS特性就可以更好的帮助我们快速实现，例如等高布局，水平垂直居中，经典的圣杯布局、宽高比例、页脚保持在底部等。在本文中，我将会介绍一些不同的CSS属性来实现这些效果！

iPhone X造型上有个显著的特质，就是有个明显的刘海。然后，也出现了一些酷酷的交互。CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的

Understanding The CSS3 transition-timing-function Property。原文地址：https://www.smashingmagazine.com/2014/04/understanding-css-timing-functions/

margin我们一般习惯的叫它外边距，分别可以设置四个方向的外边距，这里不再赘述赋值语法。 实际上，我们通常设置的margin是物理级别的设置，而margin还有start、end、before、after等，这些主要是逻辑级别的设置，如果你感兴趣的话，自行Google吧。 对…

相信大家对于text-decoration这个属性并不陌生，在重置a标签的默认样式时，我们经常要这样写：text-decoration: none;可能对它了解的人也很少，实际上text-decoration是一个复合属性，由line、style和color组成。 可惜的是li…

在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必…

像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 * 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率…

本文翻自Scroll Bouncing On Your Websites，拜读之后收获颇多，结合自己的理解，将该文章翻成中文，一方面加深理解另一方面好文共享。 本文介绍了不同浏览器上弹簧滚动(即scroll bouncing)特效及实现，并回顾了网上几种常见的解决方案,顺便介绍…