柠烟夏季 发表于 2017-11-13    标签： 前端 / sass

占位符 %

使用占位符定义的代码块 , 它同普通的基类一样可以被继承 , 但是本身在编译后不会产生任何代码 , 可以有效避免代码的冗余

1 2 3 4 5 6

%base { margin : 5px; } .btn { @extend %base; }

阅读全文

柠烟夏季 发表于 2017-11-12    标签： 前端 / sass

变量

在scss当中定义变量的语法如下

$变量名 : 变量值;

代码块外部定义的变量可以在全局范围内使用

阅读全文

柠烟夏季 发表于 2017-11-11    标签： 前端 / sass

CSS本身并不算是一种编程语言 , 它没有变量 , 也没有条件语句
只是作为单纯的描述 , 写起来比较费事 , 同时也需要考虑很多的兼容性问题
很自然地 , 有人开始为CSS加入编程元素 , 这类工具就叫做CSS预处理器
这类工具使用编程的风格去编写类似CSS的代码 , 然后通过工具的处理生成浏览器可以识别的CSS文件

阅读全文