技巧1：
利用transition 让 a:hover 变得更加平缓
技巧2:
关于字体图标的对齐:
/*首先是外层：*/
text-align: center;
display: table;
/*之后里面的i元素：*/
vertical-align: middle;
display: table-cell
技巧3:
对话气泡 : 伪元素添加下列代码
content: "";
position: absolute;
top: -5px;
right: 7px;
width: 0;
height: 0;
border-color: transparent transparent rgba(0,0,0,.9);
border-style: solid;
border-width: 0 5px 5px;
