◼ 有时候可能会看到有些CSS属性名前面带有:-o-、-xv-、-ms-、mso-、-moz-、-webkit-
◼ 官方文档专业术语叫做:vendor-specific extensions(供应商特定扩展)
◼ 为什么需要浏览器前缀了?
CSS属性刚开始并没有成为标准,浏览器为了防止后续会修改名字给新的属性添加了浏览器前缀;
◼ 上述前缀叫做浏览器私有前缀,只有对应的浏览器才能解析使用
-o-、-xv-:Opera等 -ms-、mso-:IE等 -moz-:Firefox等 -webkit-:Safari、Chrome等
◼ 注意:不需要手动添加,后面学习了模块化打包工具会自动添加浏览器前缀
-o-transform:translate(100px);
webpack
.browerlists需要适配哪些浏览器
CSS属性刚开始并没有成为标准,浏览器为了防止后续会修改名字给新的属性添加了浏览器前缀;
浏览器为了防止后续会修改名字给新的属性添加了浏览器前缀
backdrop-filter
为一个元素的后面区域添加图形效果,至少使得元素透明
FC – Formatting Context
◼ FC的全称是Formatting Context,元素在标准流里面都是属于一个FC的;
◼ 块级元素的布局属于Block Formatting Context(BFC)