HTML5+CSS3实现春节贺卡

切图——>重构——>前端——>优化

知道原生的JS代码，了解Html5API，了解WampServer。

结构层为index.html

因为需要点击光盘让音乐开始和停止，又使用id获取元素要比class容易一些，所以我们将音乐改为 id="music"

表示层为style.css

px就是像素值，em就是根据基准来缩放字体的大小。em是相对于父元素的属性而计算的，rem是相对于根元素

box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域。

animation动画

特效

使用animation和keyframes

效果1-1、光盘转动

效果1-2、红灯笼闪烁

效果2-3、三个圈转