SASS

作者: 苑哥 | 来源:发表于2017-08-26 00:24 被阅读0次

1、什么是sass？

SASS是一种css的开发工具，提供了许多的便利写法，大大节省了设计者的时间，使得css的开发变得简单和可维护。

2、sass文件的后缀名：

.sass .scss

3、基本用法：

1).SASS允许使用变量，所有变量以$开头。

$blue : #fff ; div { color : $blue }

如果需要镶嵌在字符串中，就必须写在 #{ } 之中。

$side : left ; div{ border-#{$side}-radius : 5px ; }

2).计算功能

SASS允许在代码中使用算式

body{ margin : (100px*2) ; padding : 20px*2; }

3).嵌套

选择器嵌套：

div{

h1{ color : red; }

$:hover{ background-color : lightgreentea }

}

SASS - 简介
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 使用Sass程序
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 环境搭建
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 操作符
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS- 局部文件(Partial)
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - @extend（继承）指令
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 函数
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 输出格式
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 语法
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...
SASS - 变量
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – SASS – 语法 SA...

网友评论

本文标题： SASS

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

SASS