2021-12-12 面试题:css(三) 浏览器的兼容性场景,li标签之间的空白间隔的产生原因和处理,为什么要初始化CSS样式,css定义的权重

1.经常遇到的浏览器的兼容性有哪些？原因与解决方法是什么?

png24位的图片在iE6浏览器上出现背景

解决方案:做成PNG8.

浏览器默认的margin和padding不同

解决方案:加一个全局的*{margin:0;padding:0;}来统一。

2.li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

行框的排列会受到中间空白（回车\空格）等的影响，
因为空格也属于字符,这些空白也会被应用样式，占据空间，
所以会有间隔，把字符大小设为0，就没有空格了。

3.为什么要初始化CSS样式?

因为浏览器的兼容问题。
不同浏览器对有些标签的默认值是不同的，
如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

4.css定义的权重?

标签的权重为1,
class的权重为10，
id的权重为100

/*权重为1*/
div{
   
   
}
/*权重为10*/
.class1{