美文网首页
动态样式语言

动态样式语言

作者: jrg_memo | 来源:发表于2017-04-24 18:21 被阅读65次

    背景

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

    预处理器

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

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

    常用
    LESS

    Sass(Scss)

    后处理器

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

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

    常用
    Autoprefixer

    PostCSS
    cssnext PostCSS中抽离出的框架

    Rework
    myth

    相关文章

      网友评论

          本文标题:动态样式语言

          本文链接:https://www.haomeiwen.com/subject/hlcpnttx.html