厂商前缀 Vendor Prefix

有时候你会发现css的内容前面有个标注,例如-moz-或者-webkit-,这部分的名字就叫做厂商前缀(vendor prefix),浏览器通过它标记实验性或者专属的属性,值,厂商前缀的常用模式就是一个英文破折号,一个标注和再次破折号,使用厂商前缀的原因是非常复杂的,我们只需要知道它的出现在解决一些问题的同时带来了大量的新问题,所以在大部分的情况下是可以避免用到它的。


                

body和HTML根元素的有趣特性

属性值绝不向上传播,只有一种情况除外,应用到body元素上的背景样式会传给html元素,html是文档的根元素,用于定义渲染文档的画布,这一例外仅发生在为body元素定义了背景而没有未html元素定义背景的情况下。


                

在旧浏览器中使用新元素

html在更新的过程中中加入了一些新的元素,有些浏览器在这些元素出现之前就已经存在,可能无法识别新的元素,解决办法是在dom中创建元素,让浏览器知道元素的存在,比如IE8之前不识别main元素,只需要在JavaScript中加入

                        document.createElement('main')
                    

运行这段代码后,旧版的IE将认识到新元素的存在,从而选择为之赋予样式


点击此处收起导航

Click here to collapse the navigation