经常遇到的浏览器的兼容性都有哪些

Posted 2023-05-06

参考技术A 　　1、PNG24位的图片在ie6浏览器上出现背景。

　　2、浏览器默认的margin和padding不同。

　　3、i块属性标签float后，又有横行的margin情况下，在IE6显示的margin比设置的大。

　　4、IE下，可以使用获取常规属性的方法来获取自定义属性，也可以使用getAttribute获取自定义的属性；在FireFox下，只能使用getAttribute获取自定义属性。

　　5、IE下，even对象有x、y属性，但是没有pageX、pageY属性；在Firefox下，even对象有pageX,pageY属性，但是没有x、y属性。

　　6、Chrome中文界面下默认会将小于12px的文本强制按照12px显示。

3，css引入方式都有哪些，常应用哪里？不同引入方式的优势与劣势都有哪些

参考技术A 1、符合W3C标准。
2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性 参考技术B 常用的三种：
1、页面中引入样式表文件，在单独的样式表css文件中编写样式代码，引入方式如下：
<link href="../css/style.css" rel="stylesheet" type="text/css">
然后在style.css文件中编写样式。
这种最常用，优点是方便管理，样式统一，代码精简，用于全站统一样式。

2、在Html头部（head）中用
<style type="text/css">
.... ....
</style>
包起来，在这里面编写样式代码，如下：

<style type="text/css">
*
width:333px;height:300px;padding: 0;margin: auto

</style>
这种一般用于单页面或单独的专题页面，如果用于全站，增加页面代码，浪费流量，也不利于改版。

3、在标签里面直接编写行内样式，这种是最不常用的：
<div style="width:333px;height:300px;color: #333"><div>
这类最少用，会使页面结构混乱，代码臃肿，后期维护成本增加。