技巧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;