动态样式语言

2017-04-24  本文已影响65人  jrg_memo

背景

CSS是一门非程序式语言,需要书写大量没有逻辑的代码,
不方便维护及扩展,不利于复用,
所以出现了处理css的工具和框架

预处理器

css preprocessor
一种专门处理css的动态编程语言,
先编译此语法如.less的文件 => CSS文件

作用
为CSS增加一些编程的特性,引入变量和函数,可继承可引用,
视觉上: 层级清晰,简洁优雅,
功能上: 复用性强,易于维护。

常用
LESS

Sass(Scss)

后处理器

在完成的样式表中根据CSS规范处理CSS,让其更有效;
先编译css文件 => 处理后的css文件

作用
自动处理兼容问题。
优化代码

常用
Autoprefixer

PostCSS
cssnext PostCSS中抽离出的框架

Rework
myth

上一篇 下一篇

猜你喜欢

热点阅读