分类 SASS 下的文章
SASS
sass 函数

sass 函数

函数部分比较少用,有时间我再来细看,这里扒了一下简书的文章。文章来自:链接1. 字符串函数unquote($string):删除字符串中的引号;quote($string):给字符串添加引号;To-upper-case($string):将字符串小写字母转换为大写字母To-...

SASS
@extend 继承

@extend 继承

sass支持继承css属性,一般来说,我们的css继承是从父元素继承一部分可以继承的属性,比如color,font啊,这些,但是如果我们书写一个button按钮,样式会复杂很多,我们会修改它的颜色,边框,内边距等等一系列的属性,但是这些属性我们可能复用很多部分。但一般来说我...

SASS
@mixin 和 @include

@mixin 和 @include

@minxin为混入,实际上可以理解为一个通用的变量,这个变量会将自身里面的属性全部return出去,和function一样,你调用我,我就给你返回一个内容。定义一个混入@mixin important-text { color: red; font-size: 2...

SASS
@import

@import

sass可以将文件分割成多个片段文件,并通过一个scss文件引入这些片段,从而生成一个完整的css文件。首先我们要知道css3有一个 @import的属性,它可以引入本地或者外部文件,但是会生成一个http的请求,这就会导致网页的css渲染会发生延迟。而sass也支持这个属...

SASS
嵌套

嵌套

sass最大的也是最常用的功能就是嵌套了。#nav { ul { color:red; } }这种写法可以理解为:#nav ul { color:red; }当我们要对#nav下多个元素控制css样式的时候,嵌套就显得非常方便,因为父选择器我们只需要写一...

SASS
变量

变量

sass支持变量,开头使用$符号表示,并且可以存储多种数据类型。字符串数字颜色值布尔值列表null 值例子$myFont: Helvetica, sans-serif; $myColor: red; $myFontSize: 18px; $myWidth: 680px; ...

Friend Link

搜索
去往底部
返回顶部