1。看你的图标应该为背景吧，line-height对背景高度要对span设置 display：inline-block（没有测试）
2.vertical-align对块元素不适用。对内联和表格适用。
3。ie有兼容性问题，一般要对ie特别设置。5x是基于行内的基线。5x的意思元素的基线比行内的基线高出5px，负值即为低5px。行内基线就是这个行内英文字母x的下端所在的水平线。内联元素基线如img的基线为img的底端所在的水平线。
如果实在效果不好，可以换方式布局。
说的比较凌乱。你可以查一查关于以上你用到的两种属性具体解析。
望采纳！
加#号的是用ID来引用的CSS样式。你的源文件下面一定有一个ID为head的代码。
而body的作用范围是整个页面，也就是<body></body>这对标记里面。这个样式设置的是body的背景图片。
至于foot也只是一个名称而已。
你可以设写一个ID为foot的代码，然后用#foot来引用。
这样说，明白么？
@CHARSET "UTF-8"
body{
background-image:url('/servlet/111.JPG')
}
#head{
background-color:#ccdd11
color:blue
font-family:Comic Sans MS
font-size:200%
font-weight:粗体
position:absolutetop:100pxleft:200px
}
#foot{background-color:red}
<body>
<div id="foot">例子</div>
</body>
自己写的，希望得到分。
