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 设置的获取焦点状态<
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式