http://www.ruanyifeng.com/blog/2012/06/sass.htmlscss 声明:1,$blue : #1875e7;2,.class1 { border: 1px solid #ddd;}3,@mixin left ($value: 10px){ float: lef ...
分类:
Web程序 时间:
2016-03-27 07:10:44
阅读次数:
180
最近开始学习并且使用,发现使用它写起css来真的是各种爽 出现上图情况则为安装成功 定义变量,数值计算(左边为scss文件,右边为编译之后的css文件) 方便知道谁是谁的子元素,不必写一大堆重复的标签 还可以像函数一样使用,可以传参数,可以设置默认参数 这还远远不够,如果sass不和compass一
分类:
其他好文 时间:
2016-03-23 13:04:56
阅读次数:
128
一、文件规范 二、sass使用规范 6. 禁止 scss 标签、类名 多层嵌套,最多可嵌套4层(最好2到3层)。 错误实例: 三、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, pa
分类:
Web程序 时间:
2016-03-21 14:10:37
阅读次数:
215
unquote()函数 unquote()函数主要是用来删除一个字符串中的引号,如果这个字符串没有带有引号,将返回原始的字符串。简单的使用终端来测试这个函数的运行结果: //SCSS .test1{ content:unquote('HelloSass!'); }.test2{ ...
分类:
编程语言 时间:
2016-03-13 14:19:49
阅读次数:
207
以前尝试 SASS 的时候写了一篇安装方法,大部分操作还是相同,下面补充一些内容主要是填坑,实在太TMD坑爹了。
参考这篇文章:
http://blog.csdn.net/zhouzme/article/details/45059419补充内容:
安装 SASS 和 Compass 这一步经过我昨天的测试,已经不需要修改源地址了,可以直接通过 https://rubygems.org/ 地址进...
分类:
Web程序 时间:
2016-03-12 16:04:15
阅读次数:
251
sass/ | |– base/ | |– _reset.scss # Reset/normalize | |– _typography.scss # Typography rules | ... # Etc… | |– components/ | |– _buttons.scss # Button
分类:
其他好文 时间:
2016-03-10 12:40:16
阅读次数:
365
CSS 预处理编译器能让我成程序化其的方式编写CSS代码,可以引入CSS中没有的变量、条件、函数等特性,从而让代码更简单易维护,但一般按预处理器语法编写的代码无法直接在浏览器中运行,需用通过工具比如gulp转换成标准的CSS语法,从而在浏览器中运行。个人理解它是标准CSS语法的扩展及增强,能在一定程...
分类:
Web程序 时间:
2016-03-09 20:52:45
阅读次数:
309
CSS and Sass (SCSS) style rules ID and class naming ID和class(类)名总是使用可以反应元素目的和用途的名称,或其他通用名称。代替表象和晦涩难懂的名称。 应该首选具体和反映元素目的的名称,因为这些是最可以理解的,而且发生变化的可能性最小。 通用
分类:
Web程序 时间:
2016-03-01 20:30:21
阅读次数:
218
Rails的快捷最主要归功于ruby语言的特性,这个快速入门始终是入门而已。想要学好rails还是需要打好ruby基础,不要rails的进阶那些,没有良好的ruby基础是学不好的。 Rails涉及的coffeescript和scss都是基于javascript和css的,我们要先进一步熟悉javas...
分类:
其他好文 时间:
2016-02-25 22:54:41
阅读次数:
177