1、为什么我表格中的背景显示不出来

你输出的时候应该把没有数据的td填入一个空格或者

css遵循一个规则：没有前景就没有背景

2、html很多标签都有display属性，dipslay的值block,inline,none,list-item 分别表示什么

block :　块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行
none :　隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :　内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
inline-block :　将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
list-item :　将块对象指定为列表项目。并可以添加可选项目标志
3、CSS相对定位语法

当父对象的position为absolute或者relative的时候
子对像如果设置了position为absolute,则top,left,right,bottom相对于父对象
例子：

<div id="AAA" style="position:relative;">基准点
<div id="num1" style="position:absolute;top:50px;left:1px;">测试1</div>
<div id="num2" style="position:absolute;top:80px;left:1px;">测试2</div>
</div>

4、怎么能得到<div>的高度值

document.getElementById("divID").offsetHeight

5、html很多标签都有display属性，dipslay的值block,inline,none,list-item 分别表示什么

block :　块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行
none :　隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :　内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
inline-block :　将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
list-item :　将块对象指定为列表项目。并可以添加可选项目标志

6、用css如何实现下面表格的效果

<table width="500" border="1">
<tr align="center">
<td>姓名</td>
<td>年龄</td>
<td>联系地址</td>
<td>联系电话</td>
<td> </td>
</tr>
<tr align="center">
<td>张三</td>
<td>22</td>
<td>深圳市福田区华强北路</td>
<td>12345678</td>
<td>编辑</td>
</tr>
<tr align="center">
<td>李四</td>
<td>25</td>
<td>不详</td>
<td>321</td>
<td>编辑</td>
</tr>
</table>

答：
<style type="text/css">
#dydiv { border: 1px solid #aaa; float: left; }
#dydiv ul { padding: 1px ;margin: 0px; list-style: none; float: left; }
#dydiv ul li { padding: 3px; margin: 1px; border:1px solid #aaa; text-align: center; }
</style>
<div id="dydiv">
<ul>
<li>姓名</li>
<li>张三</li>
<li>李四</li>
</ul>
<ul>
<li>年龄</li>
<li>22</li>
<li>25</li>
</ul>
<ul>
<li>联系地址</li>
<li>深圳市福田区华强北路</li>
<li>不详</li>
</ul>
<ul>
<li>联系电话</li>
<li>12345678</li>
<li>321</li>
</ul>
<ul>
<li> </li>
<li>编辑</li>
<li>编辑</li>
</ul>
</div>

在 xhtml 里对 body 默认不占浏览器整高的解决方案：
html, body{height: 100%; max-height:100%;}

对于文字与图片混排时文字靠下的解决方案：
a, em, font, img, input, label, span, strong{vertical-align: middle;}

对于 li 在IE和FF里左边的空间不一致：
li{padding: 0; margin: 0 0 0 32px;}

对于带链接的图片会出现两像素边框的解决：
img{border: none;}