问题：button标签在点击时有虚线，如何去除
解决：使用伪类
方法：
button{
outline:none;   //这对chrome有用
}
button::-moz-focus-inner{
border-color:transparent!important;   //对firefox有用
}

问题：a标签点击后有虚线，如何去掉a标签虚线
解决：使用outline样式
方法：
a{
outline:none;
}

问题：希望ul的li奇数行显示灰色，表格table的偶数行tr显示灰色
解决：使用css3的nth-child()选择器或使用jquery
方法：
li:nth-child(odd){ background-color:#ccc; }
tr:nth-child(even) { background: #ccc; }
使用jquery方法
$("li:even").css({ background: #ccc; });
$("tr:odd").css({ background: #ccc; });
注：
因为jquery查找元素是按索引来查的，而索引是从0开始的，所以奇数行是偶数索引
csss3没有这问题

介绍：
px 像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)注：em会继承父级元素的字体大小，即它相对的是父元素。
rem 相对单位（root em，根em）。是CSS3新增的单位，与em的区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

问题：一个图片和文字在同一行，想让它们垂直居中对齐
解决：对图片设置vertical-align属性
方法：
代码如下：
<div>这是一个图片</div>
设置css
img{vertical-align:middle;}
这样就可以了，要想文字和图片顶部对齐就用vertical-align:top;
注：vertical-align:text-top;是以文本的顶部作为对齐的