笔记

display:inline-block  把行内元素模块化（也可以去除li前面的圆点） 
 
vertical-align:top 上对齐  
 
hover--鼠标选中的意思 li:hover
让位子在容器中垂直居中：line-height:25px

去除超链接下划线：text-decoration:none

文字不换行：white-space:nowrap;

一行显示不完就裁剪多余文字：overflow:hidden;
 
多余的文字用...替代：text-overflow:ellipsis;
文字阴影：text-shadow:1px 4px 9px #000;
文字渐变效果：-webkit-transition:text-shadow is linear(有兼容性多写几排)

在文字前面加入计数器：content:counter(disc) disc是样式
加在哪个前面就放哪个前面：counter-increment:disc

鼠标放上渐变：-webkit-transition:background 1s(时间) linear(类型);
兼容浏览器要多写几排
-moz-transition:background 1s linear;(火狐)
-ms-transition:background 1s linear;(微软)
-o-transition:background 1s linear;（欧鹏）
transition:background 1s linear;(W3C)