
sass
gavincz
这个作者很懒,什么都没留下…
展开
-
学习笔记--SASS编程基础(四)—Partials @import
CSS 本身包含一个指令@import,但是 CSS 中的@import 每次执行都会发送一次新的请求,都会消耗一定的资源SASS 中扩展了这个指令,会将包含的编译成一个 css 文件,切割成小的部分(Partials)包含进来进行处理(类似JavaScript 的 “回调函数”)。Partials 是用来定义公共样式或者组件的样式的,专门用于被其他的 scss 文件 import进行使用的。Pa...原创 2018-03-26 21:02:42 · 705 阅读 · 0 评论 -
学习笔记--SASS编程基础(三)继承扩展—extend
在 SASS 中,通过继承/扩展—@extend来减少重复代码,可以让一个选择器去继承另一个选择中所有的样式。继承某个样式的同时,也会继承样式的扩展。sass中编译:css样式:...原创 2018-03-26 20:49:40 · 193 阅读 · 0 评论 -
学习笔记--SASS编程基础(二)混合—mixin
混合 @mixin(迷信^_^)sass 中可以通过@mixin 声明混合,它具有以下几方面特性: 1、可以传递参数 2、参数名称以$开始,多个参数之间使用逗号分隔 3、@mixin 的混合代码块由@include 来调用一、有参数混合:类似于函数的封装和调用话不多说,上案例: sass编译: ...原创 2018-03-26 20:12:19 · 258 阅读 · 0 评论 -
学习笔记--SASS编程基础(一)变量
变量——VariablesSASS 中的变量,必须是$符号开头,后面紧跟变量名,变量名称和变量值之间要使用冒号:进行分隔(参考 CSS 属性和值的设定语法),如果值后面加上[!default]就表示默认值。变量的使用:引用变量的值,只需直接使用变量名称,即可引用定义的变量的值。例如: sass编译: $color:#fff; ...原创 2018-03-26 19:22:10 · 473 阅读 · 0 评论