在不同浏览器,标签呈现的效果是有区别的。
作为块级元素的标签,在写CSS文件时, 最好定义行高line-height, 不要定义高度height,因为定义了高度, 就限制了块级元素的高度, 在不同浏览器, 很难实现比较统一的效果,我曾经遇到,在IE6,FIREFOX(FF)效果完好, 而在IE7,标题的文字只出来一半。 且标题在不同的布局中, 会有不同的行数要求, 比如在侧栏等小地方, 标题很可能有2行或3行, 如果高度被定义了, 那么大部分浏览器都会出现错误的显示, 很拥挤或没有显示, 如果设置了底部边线, 还可能错位。所以标签, 最好不要定义高度height,但一定要定义行高line-height,其他数值,根据实际效果适当变化。这样, 对不同浏览器的兼容性是最好的。
h3 {
font-size:14px;
margin: 15px 0px 10px 0px;
padding: 3px 0px 3px 0px;
line-height:20px;
color:#55295e; text-align:left;
border-bottom: 1px dotted #55295e;
}