一，table
以前表格更多的情况是用来网页布局，但这种方式被CSS淘汰，因为table没有语义，不便于搜索引擎检索
实现table隔行变色和选中某行变色：
注意：
这样是无法选中tr 的因为tr不是table的直接子元素，虽然没有写tbody但是浏览器在解析的时候是会自动加上的
IE6不支持除a以外的伪类，IE8不支持nth-child（）选择器，实现table隔行变色和选中变色得用JS实现
二，高度塌陷问题（解决方法之一）
子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素
解决方法：
1）不相邻加一个a
2) 父盒子： padding-top: 1px ;
3）父盒子： border: 1px solid red;
4）加一个空的div 也可以加一个空的table(会改变页面结构)
5）通过CSS添加
当然不了忘记了兼容IE6