美文网首页
动态样式语言

动态样式语言

作者: 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

相关文章

  • 动态样式语言

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

  • LESS动态样式语言

    一.less初始 less让书写css样式的时候更高效,但我们最终还是将它转化成css模式引到文件中去,只是书写时...

  • less简述

    什么是less? 一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算,...

  • Less 学习笔记

    Less是一种动态样式语言 特性 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. ...

  • Less即学即用

    Less是什么? Less是一种动态样式语言,LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算...

  • less与scss有什么区别呢?

    less与scss是什么?Less也是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量,继承,运算, 函数...

  • SASS/SCSS入门笔记

    什么是SASS? SASS(Syntactically Awesome Stylesheets)是一种动态样式语言...

  • Less学习笔记(超简单)

    0、前言 Less是一个动态样式语言,赋予了CSS动态语言的特性,学习Less是容易的。 在开发时一般编写.les...

  • Sass学习日记

    Sass 是一种基于ruby的动态样式语言。是一门高于css的元语言,他能用来清晰地、结构化的描述文件样式,有着比...

  • less学习与总结

    Less是什么Less是一种动态的样式语言,Less扩展了CSS的动态行为,比如说,设置变量(variables)...

网友评论

      本文标题:动态样式语言

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