-
【SASS】 /*编译后会显示*/ //编译后不会显示查看全部
-
可以查看全部
-
Sass 的变量包括三个部分: 1、变量声明符:$ 2、变量名称 3、变量值 格式:$变量名称: 变量值; 注意:如果值后面加上!default则表示默认值。查看全部
-
GUI界面编译工具: 一、Koala (http://koala-app.com/)【推荐❤❤❤❤❤】 (http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html) 二、Compass.app(http://compass.kkbox.com/) 三、Scout(http://mhs.github.io/scout-app/) 四、CodeKit(https://incident57.com/codekit/index.html)【推荐❤❤❤】 (http://www.w3cplus.com/preprocessor/sass-gui-tool-codekit.html) 五、Prepros(https://prepros.io/)查看全部
-
常见编译错误: 1、字符编译错误:Sass不支持GBK,创建Sass文件时设置文件编码为utf-8 2、中文字符错误:项目文件和文件目录名不要使用中文字符查看全部
-
注释对于一名程序员来说,是极其重要,良好的注释能帮助自己或者别人阅读源码。在 Sass 中注释有两种方式,我暂且将其命名为: 1、类似 CSS 的注释方式,使用 ”/* ”开头,结属使用 ”*/ ” 2、类似 JavaScript 的注释方式,使用“//” 第一种方式会在编译后的css文件中显示出来。查看全部
-
#淘宝的源不可用,可更改为以下的源地址 $ gem sources --remove https://rubygems.org/ $ gem sources --add https://gems.ruby-china.com/ $ gem sources -l https://gems.ruby-china.com # 确保只有 gems.ruby-china.com
查看全部 -
SassScript 支持 CSS 的两种字符串类型:
有引号字符串 (quoted strings),如 "Lucida Grande" 、'http://sass-lang.com';
无引号字符串 (unquoted strings),如 sans-serifbold。
在编译 CSS 文件时不会改变其类型。只有一种情况例外,使用 #{ }插值语句 (interpolation) 时,有引号字符串将被编译为无引号字符串,这样方便了在混合指令 (mixin) 中引用选择器名。
@mixin firefox-message($selector) { body.firefox #{$selector}:before { content: "Hi, Firefox users!"; } } @include firefox-message(".header");
编译为:
body.firefox .header:before { content: "Hi, Firefox users!"; }
需要注意的是:当 deprecated = property syntax 时 (暂时不理解是怎样的情况),所有的字符串都将被编译为无引号字符串,不论是否使用了引号。
查看全部 -
CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。它可以让你的 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护。
查看全部 -
[Sass]混合宏-声明混合宏
如果是变量,用$就够了;
如果是重复使用大段的样式,那么就要使用@mixin来声明,有三种类型:
不带参数;
带参数;
复杂,即带有逻辑关系,如@if @ else
查看全部 -
发现只有减号两端需要加空格,其它符号,例如加号、乘号、除号都不需要加空格
查看全部 -
变量减法的减号两侧要带有空格,否则会被认为是连接符导致运算出错。
查看全部 -
css预处理器:用一种专门的编程语言,为css增加了一些编程的特性,将css作为目标生成文件 特性:变量,简单的逻辑程序,函数 优点:css更加简洁,适应性更强,可读性更佳,更易于代码的维护 css预处理器语言:Sass(Scss),Less,Stylus,Turbine,Swithch CSS ,CSS cacheer,DT CSS查看全部
-
插值不能使用在@include和变量名(前面加$符号的)组成中,可以用在@mixin和@extend中查看全部
-
derken(#fff,6%)=derken(#fff,,颜色的深浅)=#f0f0f0,比如#fff是一开始设置的颜色白色,随着你后面设置的百分比越大颜色就越深相对应的颜色的值也随之改变查看全部
举报