◼ 有时候可能会看到有些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）
