让底部永远显示在页面最底部需要考虑两种情况： 一种是当页面内容高度大于浏览器窗口高度时，这时底部会正常的显示在页面最底部； 另一种是当页面内容高度小于浏览器窗口高度时，这时底部会漂到浏览器窗口中间位置； 这通常不是我们想要的结果，这时我们希望底部内容显示在浏览器窗口的底部： 怎么实现这种效果呢？
一般一个网站会有这么三个样式： global.css | reset.css（格式化样式） common.css（公共组件样式） layout.css（当前页面样式） 清除全站所有页面的浏览器默认样式，保证在初始样式在所有浏览器下一致。 common.css（公共组件样式） 一般一个网站所有页面头部
简介 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。
css语法规范： 每条属性声明占一行，增加易读性 颜色采用十六进制写法（不使用颜色名），并且能够简写的进行简写: 0值的单位进行省略，如将margin:0px，写成margin:0: 有选择器组时，每个选择器占一行： 连字符使用-，而不使用\_，因为能少按一个shift就少按，还有和js变量命名区分