masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > CSS 转换工具：PostCSS_html/css_WEB-ITnose

CSS 转换工具：PostCSS_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 11:39:59

asal

1384 orang telah melayarinya

PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。

PostCSS 已经被许多大公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件是最流行的 CSS 处理器插件之一。

PostCSS 可以作为预处理器使用，类似：Sass, Less 和 Stylus。但是 PostCSS 是模块化的工具，比之前那些快3-30 倍，而且功能更强大。

PostCSS 包括 CSS 解析器，CSS 节点树 API，一个源映射生成器和一个节点树 stringifier。

代码示例：

:root {    --mainColor: #ffbbaaff;}@custom-media    --mobile (width <= 640px);@custom-selector --heading h1, h2, h3, h4, h5, h6;.post-article :--heading {    color: color( var(--mainColor) blackness(+20%) );}@media (--mobile) {    .post-article :--heading {        margin-top: 0;    }}

Salin selepas log masuk

项目主页：http://www.open-open.com/lib/view/home/1438092653706

Label berkaitan：

CSS 转换工具：PostCSS

sumber：php.cn

Artikel sebelumnya：css模块化思想（一）命名是个技术活_html/css_WEB-ITnose Artikel seterusnya：EditPlus自动补全、模板配置_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang