WEB兼容性测试主要是针对不同的操作系统平台、浏览器以及分辨率进行测试；
操作系统：移动端：鸿蒙、ios、安卓
pc端：windows、ios、mac
浏览器内核：trident 核心 代表IE（兼容性最差，更新最慢）
gecko 核心 代表火狐
webkit 核心 代表谷歌 苹果
presto 核心 代表opera（欧鹏）
css hack：针对不同的浏览器写不同的css code过程叫做css hack
判断是否是IE
<!---[if IE]>
这里只在IE浏览器显示
<![endif]--->
判断条件let小于等于、it小于、gte大于等于、gt大于、！不等于
<!--[if gte IE6]>
默认先调用css.css样式表
<link rel="stylesheet" type="text/css" href="css.css"/>
<!--[if IE 7]>
<link rel ="stylesheet" type="text/css" href="IE7.css"/>
<![endif]>
<!--[if IE 6]>
<link rel ="stylesheet" type="text/css" href="IE6.css"/>
<![endif]>
ie条件注释要在其他内容后面，否则不生效
所有的hack都是针对IE浏览器
特殊符号
"\9" 例："border:1px \9;"这里的"\9"可以区别所有IE和火狐
"\0" IE8识别、IE6、IE7不识别
"*" IE6、IE7识别；IE8、火狐不识别
"_" IE6可以识别；IE7、IE8、火狐不能
权重值
权重：是一个相对概念，是针对某一指标而言，某一指标的权重是指该指标在整体评价中的相对重要程度
权重系数：是表示某指标项系统中的重要程度，他表示在其他指标项不变的情况下，这一指标项的变化，对结果的影响
css权值：每一个css的选择器都有一个相对的重要程度值，也就是权重的值，简称权值
css通过css选择器的权重占比，来计算css选择规则的总权值，从而确定定义的样式规则的优先级次序
从css权重的理解中得知，原来所谓css选择器的优先级是按照css选择器的权值的比较来确定的
根据权重css优先级如下：
先从高等级进行比较，高等级相同时，在比较低等级的，以此类推
完美权相同的话就采用先后者顺序（也就是样式覆盖）
css属性后面加！important时，无条件绝对优先（比内联样式还要优先）
