今日的总结

• <! DOCTYPE html>的含义：当前文档使用HTML5 的标准进行解析
• 定义帧动画：@keyframes
• 定义服务请的字体：@font-face
• 动画：animation
• 过渡：transition
• 盒子阴影：box-shadow
• 怪异盒模型的特点：面积不变，向内凹陷；
• viewport的特点：使网页适用于各种设备
• 边框样式：border-style
• rem与em 的意思：rem：HTML标签的字体大小子       em：父级标签字体大小
• 水平布局等间分布：父级用弹性盒子，写justify-content：space-round
• 垂直等间分布：父级用弹性盒子，写align-items:center;