在现代web开发中，往往我们会借助类似sass,less之类的预处理器来加快开发进度，但是随着项目的增大，你可能无法清楚明确地知道一个css rule到底是从哪个less/scss文件中编译出来的，这反而会大大降低工作效率。幸运的是google chrome的开发人员借助传统c/c++语言开发经验，...
分类：
其他好文 时间：
2015-12-05 22:29:53
阅读次数：
179
下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：? LESS版本：对应的源码文件为 dropdowns.less? Sass版本：对应的源码文件为 _dropdowns.scss? 编译后的Bootstrap版本：查看boot...
分类：
其他好文 时间：
2015-12-04 10:41:21
阅读次数：
135
CSS预处理器 Sass(SCSS) LESS Stylus Turbine Swithch CSS CSS Cacheer DT CSS Simple Exapmple $side:left;.rounded { border-#{$side}-radius:5px;}Saaa和SSCC的区别 1...
分类：
其他好文 时间：
2015-12-01 09:39:37
阅读次数：
232
结语： 使用gulp-compass时，需要指定 relative:false ，绝对定位 (如http_images_path参数) 才有效，代码：gulp.task('compass', function() { gulp.src('sass/{,*/}*.scss') ....
分类：
其他好文 时间：
2015-11-30 12:59:21
阅读次数：
183
Webstorm自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等菜单：File->Settings->左栏Tools下的File Watchers，按右上角加号添加为scss添加watcher为less添加watcher然后保存文件的时候就自动编译出相应的.css啦...
分类：
Web程序 时间：
2015-11-19 00:20:20
阅读次数：
258
一、 @import Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。 例如： @imp...
分类：
其他好文 时间：
2015-11-18 22:54:49
阅读次数：
139
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
一. 1. 之前的sass中不需要{}, sass文件后缀名为".sass" 2. 现在的sass中需要{}, sass文件后缀名为".scss" 作用: less与sass的作用都是用于代码简化与重用的作用 3. 创建sass文件的步骤: - 在websotrm...
分类：
其他好文 时间：
2015-11-07 21:50:08
阅读次数：
330
文件后缀名 sass文件后缀名有两个，一般采用后缀名为scss的文件，格式跟css类是，有大括号和分号文件的导入 1、scss→css：@import "_reset" //后缀名可以省略，两个文件会合并成一个css文件，一般文件名都是以 _开头 2、css→css：@import "mixin.c...
分类：
其他好文 时间：
2015-10-09 12:13:42
阅读次数：
254
