梦龙小站

穿越技术人生,探索终极价值;梦想成真之时,龙承技术天下

SASS详解之编译输出的样式

SASS是一种CSS预处理语言,没有装环境的话是不能被解析的。但是有了koala编译工具之后,解析SASS不需要环境也毫无压力了。SASS的输出格式有四种:嵌套、扩大、紧凑和压缩。下面结合小例子为大家一一介绍。

2013-10-30 08:46:27

阅读数:2428

评论数:0

SASS详解之函数(function)

SASS和其他语言脚本有类似之处。可以利用变量来构建自己的函数,这也是SASS迷人之处之一,原来写CSS还可以像写JavaScript那样拥有自己的逻辑。

2013-10-29 08:47:33

阅读数:7449

评论数:2

SASS详解之混合(mixins)

SASS详解之混合(mixins)可以出现在SASS的任何地方。有很多类名具有相同或者相似的样式,就可以用SASS中的混合(mixins)来进行编写,然后针对不同类名的不同样式逐一编写。

2013-10-28 08:42:50

阅读数:2568

评论数:1

SASS详解之控制指令(if、each、for和while)

提到控制指令大家可能有点陌生。但是提到“if”、“each”、“for”和“while”,大家也许不太陌生了。很多语言中都经常和这些打交道,而SASS详解之控制指令就是为大家介绍在SASS中怎么使用“if”、“each”、“for”和“while”。

2013-10-25 08:45:24

阅读数:3480

评论数:3

SASS详解之变量($)

提到变量,很多人不禁想到很多如JavaScript、PHP等等,但是今天,SASS中也有变量的概念,这也是SASS迷人的地方之一。有了变量,我们就可以简单改改变量就可以让整个样式换一种风格,而不需要大篇幅的复制粘贴改样式了。

2013-10-24 08:46:51

阅读数:5219

评论数:3

SASS详解之继承(extend)

每一个类名都有可能有另一个类名的所有样式和它自己的特定样式的。当一个div的身上有两个类名,一个是“one”,另一个是“two”的时候。

2013-10-23 00:41:41

阅读数:12098

评论数:1

SASS详解之基本语法

SASS大家已经知道是什么东东了,电脑上也有编辑SASS的编程软件了,浏览器也能调试SASS了,那么我们接下来就直接步入正轨,准备迎接SASS的挑战,深入的了解一下SASS的用法吧。

2013-10-22 08:31:51

阅读数:2040

评论数:0

Sass详解之编译工具koala

如需调试功能,请在编译输出的时候输出debug信息,那样解析的css文件中就会包含debug信息,然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件,而不是解析后的css文件。

2013-09-27 08:36:14

阅读数:5895

评论数:0

SASS详解之准备工作

Sass的准备工作有哪些?对于Sass的新手来说,想要马上使用上Sass的话还是需要做一些准备工作的。准备好身边的一些东西即可开始Sass之旅了。

2013-09-24 08:53:21

阅读数:1570

评论数:0

SASS详解之简介

Sass是什么意思?前端中人很少有不接触CSS的,那么大多数接触CSS的人都知道CSS的好用处和不好用处。Sass是编写的CSS预处理器,有了它,我们可以轻松畅快的编写CSS了。那么Sass是什么意思?下面将为大家简单介绍一下,希望能对大家有所帮助。

2013-09-23 08:45:56

阅读数:2758

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭