让CSS的<H>标签兼容不同浏览器
在不同浏览器，H标签呈现的效果是有区别的。目前， 流行的浏览器是IE6，FIREFOX（FF）和IE7，随着时间的推移， 相信使用IE7的比例会不断提高。
作为块级元素的H标签，在写CSS文件时， 最好定义行高line-height， 不要定义高度height，因为定义了高度， 就限制了块级元素H的高度， 在不同浏览器， 很难实现比较统一的效果，我曾经遇到，在IE6，FIREFOX（FF）效果完好， 而在IE7，标题的文字只出来一半。 且H标题在不同的布局中， 会有不同的行数要求， 比如在侧栏等小地方， 标题很可能有2行或3行， 如果高度被定义了， 那么大部分浏览器都会出现错误的显示， 很拥挤或没有显示， 如果设置了底部边线， 还可能错位。
所以H标签， 最好不要定义高度height，但一定要定义行高line-height，其他数值，根据实际效果适当变化。这样， 对不同浏览器的兼容性是最好的。
h3 {
font-size:14px;
margin: 15px 0px 10px 0px;
padding: 3px 0px 3px 0px;
line-height:20px;
color:#55295e; tex...[ 查看全文 ]
2016-02-19
标签:
