Sass 中的常用函数一、字符串函数 1. unquote($string): 删除字符串前后的引号,删除一对引号,如果这个字符串没有带有引号，将返回原始的字符串。 示例:.text1 { content: unquote("'hello'");} 2. quote($string)...
分类：
其他好文 时间：
2015-11-18 23:07:16
阅读次数：
377
1 /* 2 * Sass 颜色函数 3 * RGB 颜色函数 4 * 1. rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色； 5 * rgb(200,40,88) //根据r:200,g:40,b:88计算出一个十六进制颜色值 6 * #c828...
分类：
其他好文 时间：
2015-11-18 23:02:01
阅读次数：
758
一、 @import Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。 例如： @imp...
分类：
其他好文 时间：
2015-11-18 22:54:49
阅读次数：
139
SASS是Syntactically Awesome Stylesheete 的缩写，它是css的一个开发工具，提供了很多便利和简单的语法，让css看起来更像是一门语言，这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的cs...
分类：
其他好文 时间：
2015-11-18 19:24:01
阅读次数：
146
1、进度条在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等。就如下图所示的一个评分系统，他就是一个简单的进度条效果：进度条和其他独立组件一样，开发者可以根据自己的需要，选择对应的版本：? LESS版本：源码文件progress-bars.less? Sass版本：源码文件_progress-bars.scss? 编译后版本：bootstrap.css文件第4500行～第4575行而且...
分类：
其他好文 时间：
2015-11-18 16:38:37
阅读次数：
323
1、缩略图缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。源码文件：? LESS版本：对应文件thumbnails.less? Sass版本：对应文件_thumbnails.scss?...
分类：
其他好文 时间：
2015-11-17 11:02:49
阅读次数：
164
变量sass中可以定义变量，方便统一修改和维护。//sass style//-----------------------------------$fontStack: Helvetica, sans-serif;$primaryColor: #333;body { font-family:...
分类：
其他好文 时间：
2015-11-16 14:02:41
阅读次数：
162
学习Sass中 @if...@else @for @while @each一、条件判断 - @if @else 示例: 1 @mixin blockOrHidden($boolean:true){ 2 @if $boolean { 3 @debug "$boolean is...
分类：
其他好文 时间：
2015-11-15 20:37:11
阅读次数：
347
Sass中的基本运算一、加法 在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。 sass做加法运算是可以不考虑参数带单位，但需要单位同一 加号可以不需要空格隔开 示例:1 $sidebar-width: 220px;2 $cont...
分类：
其他好文 时间：
2015-11-15 18:54:30
阅读次数：
154
1、下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：? LESS版本：对应的源码文件为 dropdowns.less? Sass版本：对应的源码文件为 _dropdowns.sass? 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第3130行在使用Bootstrap框架的下拉菜单时，必...
分类：
其他好文 时间：
2015-11-14 15:08:09
阅读次数：
364
