-
sass输出风格 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 compact 压缩输出方式 compressed查看全部
-
全局变量：定义在元素外面的变量 局部变量：定义在元素内部的变量查看全部
-
设置默认变量：!default 覆盖默认变量：在默认变量之前重新声明查看全部
-
Sass: 严格的缩进式语法，不带{}和; SCSS: 与CSS书写方式类似 以$定义变量查看全部
-
$list: twitter,facebook,github,weibo; @for $i from 1 through length($list){ .icon-#{nth($list,$i)}{ background-postion: 0 -20px * $i; } } 这里的background-postion对应两个值，一个是0，一个是-20px*$i;位置的原点在左上角； 不过感觉是按照Y轴20倍递减吧？查看全部
-
$side:left; .rounded-#{$side}-radius:5px;查看全部
-
"/"符号被当做运算符的集中情况: 1.如果数值被圆括号包围 2.如果数值是数学表达式的一部分 3.如果数值或其他任意部分是存储在一个变量或者函数当中。查看全部
-
4、淘宝 RubyGems 镜像安装 Sass 除了下载 Sass 安装包到本地安装之外，碰到网络原因无法安装时还可以使用淘宝 RubyGems 镜像安装 Sass。只是我们需要通过 gem sources 命令来配置源，先移除默认的 https://rubygems.org 源，然后添加淘宝的源 https://ruby.taobao.org： 第一步：移动默认的源 gem sources --remove https://rubygems.org/ 第二步：指定淘宝的源 gem sources -a https://ruby.taobao.org/ 第三步：查看指定的源是不是淘宝源 gem sources -l 返回结果如下： *** CURRENT SOURCES *** https://ruby.taobao.org 请确保只有 ruby.taobao.org。如果无误之后，执行下面的命令： gem install sass查看全部
-
1、通过命令安装 Sass 打开电脑的命令终端，输入下面的命令： gem install sass 提醒一下，在使用 Mac 的同学，可能需要在上面的命令前加上"sudo"，才能正常安装： sudo gem install sass 如果上面的方法没有安装成功，可以使用下面的两种方法。 2、通过 Compass 来安装 Sass 除了使用 gem 命令来安装 Sass 之外，还可以通过安装 compass 来安装 Sass，因为 Compass 是基于 Sass 开发的一个框架。也就是说，你安装了 Compass，也就同时安装好了 Sass。 同样的在你的命令终端输入下面的命令： sudo gem install sass 执行完上面的命令之后，就开始安装 Compass 和 Sass。 注：Compass 是一个成熟的、基于 Sass 开发的一个框架，这里面集成了很多写好的 mixins 和 Sass 函数。不过在此暂不做过多阐述。 3、本地安装 Sass 由于有时候直接使用上面的命令安装会让你无法正常实现安装（网络受限原因），当碰到这种情况之时，那么安装需要特殊去处理，可以通过下面的方法来实现 Sass 的正常安装： 可以到 Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包（http://rubygems.org/gems/sass）下载下来，然后在命令终端输入： gem install <把下载的安装包拖到这里> 直接回车即可安装成功。 注：在 iOSX 系统平台，可以直接将下载的安装包拖到 "gem install" 后面，如果在是 Windows 系统，需要手功输入安装的文件路径。查看全部
-
注意，如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串。 例如： p:before { content: "Foo " + Bar; font-family: sans- + "serif"; } 编译出来的 CSS： p:before { content: "Foo Bar"; font-family: sans-serif; }查看全部
-
所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如： p { color: #010203 + #040506; } 计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09， 并且被合成为： 如此编译出来的 CSS 为： p { color: #050709; } 算数运算也能将数字和颜色值 一起运算，同样也是分段运算的。如： p { color: #010203 * 2; } 计算公式为 01 * 2 = 02、02 * 2 = 04 和 03 * 2 = 06， 并且被合成为： p { color: #020406; }查看全部
-
如下所示： //SCSS p { font: 10px/8px; // 纯 CSS，不是除法运算 $width: 1000px; width: $width/2; // 使用了变量，是除法运算 width: round(1.5)/2; // 使用了函数，是除法运算 height: (500px/2); // 使用了圆括号，是除法运算 margin-left: 5px + 8px/2px; // 使用了加（+）号，是除法运算 } 编译出来的CSS p { font: 10px/8px; width: 500px; height: 250px; margin-left: 9px; } Sass 的除法运算还有一个情况。我们先回忆一下，在乘法运算时，如果两个值带有相同单位时，做乘法运算时，出来的结果并不是我们需要的结果。但在除法运算时，如果两个值带有相同的单位值时，除法运算之后会得到一个不带单位的数值。如下所示： .box { width: (1000px / 100px); } 编译出来的CSS如下： .box { width: 10; }查看全部
-
”/ ”符号被当作除法运算符时有以下几种情况： • 如果数值或它的任意部分是存储在一个变量中或是函数的返回值。 • 如果数值被圆括号包围。 • 如果数值是另一个数学表达式的一部分。查看全部
-
1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px查看全部
-
SassScript 支持 CSS 的两种字符串类型： 有引号字符串 (quoted strings)，如 "Lucida Grande" 、'http://sass-lang.com'； 无引号字符串 (unquoted strings)，如 sans-serifbold。 在编译 CSS 文件时不会改变其类型。只有一种情况例外，使用 #{ }插值语句 (interpolation) 时，有引号字符串将被编译为无引号字符串，这样方便了在混合指令 (mixin) 中引用选择器名。查看全部
举报
0/150
提交
取消