面试资料积累css-预处理器 less有什么好处。

css预处理器

为css增加编程特性的拓展语言,可以使用变量,简单逻辑判断,函数等基本编程技巧。 css预处理器编译输出还是标准的css样式 less,
sass都是动态的样式语言,是css预处理器,css上的一种抽象层。他们是一种特殊的语法语言而编译成css的。 less变量符号是@.
sass变量符号是$

预处理器解决了哪些痛点

css语法不够强大。因为无法嵌套导致有很多重复的选择器 没有变量和合理的样式利用机制,
导致逻辑上相关的属性值只能以字面量的形式重复输出,难以维护。

常用规范

变量, 嵌套语法, 混入, @import, 运算, 函数,继承

css预处理器带来的好处。

css代码更加整洁, 更易维护,代码量更少 修改更快, 基础颜色使用变量, 一处动,处处动。 常用的代码使用代码块, 节省大量代码
css嵌套减少大量的重复选择器,避免一些低级错误 变量混入大大提升了样式的利用性 额外的工具类似颜色函数(lighten,
darken,transparentize)mixins, loops,
这些方法使css更像一个真正的编程语言,让开发者能够有能力生成更加复杂的css样式。

你可能感兴趣的:(前端面试积累,css)