Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SC...
分类:
Web程序 时间:
2015-09-27 22:56:03
阅读次数:
389
# sass #---sass---定义变量:-- $变量名: ; 默认变量 sass的默认变量仅需要在值后面加上!default即可。list--list数据可通过空格,逗号或小括号分隔多个值,可用nth($var,$index)取值map--map数据以key和value成对出现,其中value...
分类:
其他好文 时间:
2015-09-27 22:44:32
阅读次数:
209
---恢复内容开始---一.SASS1 .scss结尾 安装ruby环境(windows)2. 在命令行中,转化相应目录里的文件: sass --watch xxx: xxx3.下载koala4.&符号使用 ,$开头生命变量5.@mixin fnName(){} @include fnName()5...
分类:
其他好文 时间:
2015-09-27 11:16:05
阅读次数:
183
1.sass中可以使用变量变量名以$符号开头,可包含所有可用作CSS类名的字符,包括下划线和中划线。可见,中划线也是可以作为命名的字符,这是与很多其他语言的不同之处。变量的使用实例:$company-blue: #1875e7;h1#brand { color: $company-blue;}...
分类:
其他好文 时间:
2015-09-26 07:00:31
阅读次数:
220
使用ruby搭建简易的http服务和sass环境由于在通常的前端开发情况下,我们会有可能需要一个http服务,当然你可以选择自己写一个node的http服务,也比较简单,比如下面的node代码:var PORT = 3000;var http = require('http');var url=re...
分类:
Web程序 时间:
2015-09-25 17:44:43
阅读次数:
268
学习访问链接:http://www.w3cplus.com/sassguide/syntax.htmlsass在线编辑:http://sassmeister.com/1,sass有默认的特殊字符,如下$bgcolor:red !default;body{ background:$bgcolo...
分类:
其他好文 时间:
2015-09-24 19:12:09
阅读次数:
179
SASS用法指南一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。假定你...
分类:
其他好文 时间:
2015-09-21 06:59:04
阅读次数:
210
首页最新文章在线课程业界开发IT技术设计创业IT职场投稿更多 »伯乐在线 > 首页 > 所有文章 > IT技术 > SASS 新手指南SASS 新手指南2013/01/26 · IT技术, Web前端, 开发 · CSS, SASS分享到: 6 JS插件开发之LightBox图片画廊(上)谈谈CSS...
分类:
其他好文 时间:
2015-09-21 01:39:03
阅读次数:
205
变量是最基础也最常用的东西,例如一段 CSS 中有很多相同的颜色值(例如 #050709),传统的 CSS 中,你就需要不断的去复制这个值,而在 Sass 中,你就可以先在对应文件头部(一般会有一个 var.scss 文件专门用来放置变量等)声明一个变量$co : #050709然后在后面需要使用这...
分类:
其他好文 时间:
2015-09-20 20:50:24
阅读次数:
166
在原来的基础上扩展了编程语言的特性。less(早期):定义变量-@&-当前对象,如:.class1{ .whb(100px,100px,red); &:hover() }sass(现在很多都用sass):需安装Ruby环境(可以先用kola代替)。导入sass不需要后缀名,css需要后缀名...
分类:
Web程序 时间:
2015-09-20 20:35:29
阅读次数:
202