丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。转朱阁，低绮户，照无眠。

中秋 我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛 前言   前一段时间刚好在b站上看到一个非常有创意的PPT，没错！就是PPT！   在PPT里展示的是一段过渡转场，视觉效果看起来还挺不错

前言： 什么是浏览器兼容问题？同一份代码，有的浏览器效果正常，有的不正常。 C 级兼容（IE7 以下）：能用。 首先以最大程度完善设计稿为基础，再考虑兼容性，不能盲目为了兼容问题而弃用方便简洁的新方法（如 HTML5、CSS3）；当然也不能用过新的技术方法使得兼容性过于低、实用…

前言： 实际上在很早之前，CSS 就支持媒体查询了。 例如，页面有些部分需要在打印的时候隐藏或者变大，这时候可以使用 media 使某些 style 只在打印的时候生效。 而 CSS3 的 Media Queries 的到来，可以让我们针对不同的设备场景使用不同的 CSS。 a…

前言： 拿到一张设计稿，我们首要的就是从宏观上考虑这整个页面的“布局”。随着前端技术的不断更替，以前很多老的布局方式现在也慢慢淡化了，那哪些是我们最基本最常用的布局方式呢？ 本篇给出答案，属于必掌握篇。 从上到下、从左到右、定宽、自适应... 现方式——定宽 + 水平居中。 一…

前言： 让“盒子”居中，在实际工作中可以说是随时都会用到。 方法很多，我们在都理解的基础上用起来才能有的放矢、得心应手。 打开一个页面出现一个弹出框，那这个弹出框在页面垂直居中。这个弹出框可能下边还有东西，那这个弹出框很明显就是绝对定位了。因为，如果他不是绝对定位，他怎么去覆盖…

前言： “伪元素”在我们创建样式的时候用处很多，它可以大大简化我们的代码量，还可以做一些出乎意料的动作。 用于创建一些不在文档树中的元素，并为其添加样式。 其中 content 是必不可少的。 | rotateZ(angle) | 定义绕着 Z 轴的 3D 旋转。 | 后记： …

前言： 这一篇我们主要探讨“定位”和 BFC 是怎样让“盒子”动起来的。 学习方法依然是：打开 JS Bin，拷贝代码运行查看效果，然后搞定每一行代码的前世今生。 “定位”就是通过设置 position 属性的值来脱离正常的文档流。 当你设置为绝对定位后，文档流上的其他元素就看…

前言： 前 10 篇文章，我们基本上都是在用“理论”学习“理论”，那从这篇开始，我们试着用“实践”来学习理论，然后又用于实践。 假设我们需要有个东西，然后它的排版不是依照盒模型的定义——从上往下依次排列，而是从左到右这种结构，那么我们需要考虑到使用“浮动”。 例如一个网站的头部…