max-width，min-width ie7以上撑持
rgba 只撑持ie9及以上浏览器，ie8要用滤镜措置惩罚惩罚
border-radius 也只撑持ie9以上 不需要加前缀
box-sizing ie8以上都兼容 但是要加上前缀
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
:hover a标签的hover全兼容，其他标签hover 只撑持ie9及以上
mouseenter和mouseleve事件 ie全系列撑持，目前版本的w3c浏览器也都兼容，一般不需要兼容措置惩罚惩罚
与鼠标或触摸事件相关的区域，要加上配景属性才会有效，不需要配景时设置rgba透明即可（设置transparent也无效）
background-color: rgba(0,0,0,0);/*设置配景透明，防备ie10及以下点击事件或者其他鼠标事件掉效*/
伪元素，z-index 全系列兼容
透明兼容
filter:alpha(opacity=0);
opacity:0;
classlist属性只撑持ie10及以上
transtation属性只撑持ie10及以上，所以过渡效果不必然有效
@keyframe 法则和 animation 属性只撑持ie10及以上
transform ：
Internet Explorer 10、Firefox、Opera 撑持 transform 属性。
Internet Explorer 9 撑持替代的 -ms-transform 属性（仅适用于 2D 转换）。
Safari 和 Chrome 撑持替代的 -webkit-transform 属性（3D 和 2D 转换）。
Opera 只撑持 2D 转换。
js全屏事件api只撑持ie11以上，所以用控制css取代
cursor属性ie全撑持
background-size ie9及以上撑持 /*此刻的浏览器不需要加前缀了*/
background: linear-gradient(to bottom, #ffffff, #000);/*颜色渐变效果，ie10+*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#000000);/*ie9兼容，只撑持上下摆布，并且会让元素border-radius掉效，解决步伐：给父元素设置border-radius，并且overflow: hidden*/
onselectstart 事件，用来禁用文字选中
webkit浏览器：行内加onselectstart="return false;"
firefox 行内或css加-moz-user-select：none；
标准写法：
<div onselectstart="return false;">123</div>
#arrow {
-moz-user-select:none;
}
CSS3 @media 盘问 撑持ie9及以上
getAttribute() 所有浏览器都撑持 setAttribute() ie9及以上撑持。removeAttribute()所有浏览器都撑持
以上都可以操纵 自界说属性 和 行内内置属性
.操纵符无法获取行内自界说属性，只能获取行内默认属性 ，也只能设置行内默认属性或者js哩dom东西的自界说属性
dataset 只撑持ie11及以上。
addEventListener和removeEventListener，，ie9及以上撑持
firstElementChild获取第一个子元素节点东西，ie9及以上撑持
backface-visibility 只有 Internet Explorer 10+ 和 Firefox 撑持 backface-visibility 属性。
Opera 15+、Safari 和 Chrome 撑持替代的 -webkit-backface-visibility 属性。
Html5 新语义标签 如header, section, footer, aside, nav, main, article, figure等 IE9及以上全撑持