一、sass在windows下的安装在Windows平台下安装Ruby需要先有Ruby安装包,可以在这里下载:https://www.ruby-lang.org/en/downloads/Ruby安装文件下载好后,可以按应用软件安装步骤进行安装Ruby。Ruby安装完成后,在开始菜单中找到新安装的Ruby,并启动Ruby的Command控制面板Star..
分类:
Windows程序 时间:
2016-09-07 11:03:32
阅读次数:
1025
命令编译 命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入: 单文件编译: sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css 这是对一个单文件 ...
分类:
其他好文 时间:
2016-08-24 18:56:37
阅读次数:
244
花了一上午来调整页面在ie10上的显示问题,sass编译生成的css文件在ie内核下一直不能正确加载,果然兼容性的问题还需要好好研究。转入正题,用css3实现轮播效果主要是基于css3的framework动画效果实现轮播效果以及之前提到的input:checked伪类来实现轮播的控制。在轮播的控制上 ...
分类:
Web程序 时间:
2016-08-09 02:04:41
阅读次数:
173
一、什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。 二、安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的 ...
分类:
Web程序 时间:
2016-08-05 17:32:04
阅读次数:
289
使用koala编译 Koala 是一款由国人开发的开源预处理语言图形编译工具,目前已支持 Less、Sass、Compass 与CoffeeScript。 目前支持以下系统:Windows,Mac, 10.7+,Linux: 32bit / 64bit,Ubuntu: 32bit / 64bit; ...
分类:
其他好文 时间:
2016-07-24 16:06:41
阅读次数:
237
1.Sass语法格式 假设有这样一段CSS代码: Sass最初的语法格式 这种语法格式没有CSS中常见的大括号和分号,容易出错。 而SCSS的语法格式 SCSS比Sass更接近CSS。 2.Sass编译 使用Sass进行开发,项目中还是引用".css"文件,Sass只是一个预处理工具,只有在需要的时 ...
分类:
其他好文 时间:
2016-05-24 13:33:38
阅读次数:
177
编译scss文件时,如果出现如下错误 解决办法就是在报错的scss文件顶部加上编码类型即可: 引自:这里 ...
分类:
其他好文 时间:
2016-04-14 17:42:22
阅读次数:
134
less中午网站有详细的说明:http://www.1024i.com/demo/less/ 那里我使用的koala 全平台支持,国产。下载地址:http://koala-app.com/index-zh.html 多语言支持:支持Less、Sass、CoffeeScript 和 Compass F
分类:
其他好文 时间:
2016-02-17 09:34:47
阅读次数:
178
// 引入 gulpvar gulp = require('gulp'); // 引入组件var clean = require('gulp-clean'); //- 清除var sass = require('gulp-sass'); //- sass编译var concat = require(...
分类:
其他好文 时间:
2016-01-06 13:42:37
阅读次数:
116
1、下拉菜单(基本用法)小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,它对应的文件:? LESS版本:对应的源码文件为 dropdowns.less? Sass版本:对应的源码文件为 _dropdowns.sass? 编译后的Bootstrap版本:查看bootstrap.css文件第3004行~第3130行在使用Bootstrap框架的下拉菜单时,必...
分类:
其他好文 时间:
2015-11-14 15:08:09
阅读次数:
364