Button 的设计
Button 作为基本的 Web 元素，看似简单，却需要非常用心的设计，因为 Button 作为按钮，是具有多个不同的状态，每种状态都基本上需要进行一些特殊的优化设计，以让组件更生动美观。
注：所有的长度单位均采用 rem 而非 px，需要在 html 标签下设定 font-size 的 CSS 样式，一般我都是设置：font-size:12px，1440 x 900 的分辨率，如果分辨率更高的话，可以自己调整。当然你改写成 px 作为度量衡也是 OK 的。
Example:
Default Inverse Primary Success Info Warning Danger
Button的几种状态：
我们设计 Button 的样式，基本按照以下几个状态来设计：
:focus - 当按钮获取焦点（可以是 JS 控制获取焦点，也可以是用 Tab 键一个一个切换从而获得焦点）
:hover - 当鼠标处于悬停状态时
:active - 当按钮处于点击状态时（按下但还没有放手的情况下）
:active:hover - 当按钮处于点击，且鼠标依然悬停的情况下（比如你按下去，但是鼠标还不放手，然后把鼠标拖拽着挪开按钮，此时就会出现这个状态的反例）
:active:focus - 当按钮处于点击且获取焦点的情况（这个情况的反例我也不知道反例应该怎么举）
正常状态，这我就不用解释了。
.focus - 通过 class 设置的获取焦点状态<
