HTML5+CSS3实现春节贺卡（学习笔记）

课程的demo通过 http://imooc.com/activity/project1 查看

CSS的Reset里通常设置根元素的font-size为10px，这样其它元素相对它是…rem，方便计算。10px/640px（一般手机屏幕的宽度）为1.5625vw。

绝对定位（absolute），可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。

绝对定位的元素想要在垂直和水平方向都居中，可以这样设置：
position: absolute; left: 0; top: 0; right: 0; bottom: 0;
margin: auto; / 有了这个就自动居中了 /
有点CSS Hack的意思，暂时不知道什么原理。

first-of-type：选择器。匹配属于其父元素的特定类型的首个子元素的每个元素。
nth-child(n)：任意第几个子元素。下标从1开始而不是0开始。
html、body都属于块状元素，里面如果没有内容撑开则其高度始终为0，要想让它的高度与浏览器可视区域的高度一样，必须设置height:100%。

before 选择器在被选元素的内容前面插入内容。使用 content 属性来指定要插入的内容。

H5为script标签新增属性defer，可以让script虽然在body前面但能最后加载。