CSS3兼容性

最新推荐文章于 2022-02-28 18:39:53 发布

|不勤

最新推荐文章于 2022-02-28 18:39:53 发布

阅读量355

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端 CSS3 文章标签： IT学习

本文链接：https://blog.youkuaiyun.com/weixin_43051270/article/details/90364066

41 篇文章

订阅专栏

9 篇文章

订阅专栏

博客介绍了CSS3相关知识，包括浏览器前缀缩写、CSS3前缀由来，新标准制定后部分厂商用前缀区分。还提及预处理器和后处理器，如less、Autoprefixer。最后简单介绍了PostCss，它是用JavaScript转换CSS代码的工具，可基于抽象语法树编写插件。

css3 新标准制定出来后，由于各大厂商的先后使用了新标准，还有一部分厂商还没使用，先行使用新标准的厂商就制定了前缀来区分于其它厂商，后来新制定的标准慢慢普及，忽略前缀的写法就可以兼容了，仅支持内核的单独功能还是需要添加前缀来达到兼容。

人为定制的代码规则，浏览器不识别，预先编译成浏览器识别的代码（例如less / sass ）

浏览器正常识别的代码规则，编译后补齐兼容的规则（例如Autoprefixer）

Autoprefixer介绍

Autoprefixer是一款自动管理浏览器前缀的插件，它可以解析CSS文件并且添加浏览器前缀到CSS内容里，使用Can I Use（caniuse网站）的数据来决定哪些前缀是需要的。

是一个用 JavaScript 工具和插件转换 CSS 代码的工具

用js实现的css的抽象语法树(AST)，在抽象语法树基础上去编写自己的插件（less、Autoprefixer等200多个)