桂云帆的博客

首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。这是宣传使用预处理的原因之一，并且是一个很好的理由，这样可以节省的大量的时间和汗水。然后你可以任意引用该变量。你所看到的上面的代码中，.block 的样式将会被插入到相应的你想要继承的选择器中，但需要注意的是优先级的问题。

用 position 加 translate translate(-50%,-50%) 比较奇特，百分比计算不是以父元素为基准，而是以自己为基准。居中内容比父容器高时，防止溢出，加 overflow: auto （没有任何 padding 时，也可以加 max-height: 100%;有许多 hacks ，负 margin，影子元素 ::before 等。在，内容块将垂直居中，top, left, bottom, right 可以设置偏移。垂直居中 inline 文字，inline 元素，配合。

原生的移动端应用(Native mobile applications)总是可以很好的运用GPU，这是为什么它比网页应用(Web apps)表现更好的原因。现在，像Chrome, FireFox, Safari和最新版本的Opera都支持硬件加速，当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换。使用GPU可能会导致严重的性能问题，因为它增加了内存的使用，而且它会减少移动端设备的电池寿命。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。

【代码】六边形效果实现。