h5移动端flexible源码适配终端解读以及常用sass函数
;(function(win, lib) { var doc = win.document;// win = window,lib = window.lib; var docEl = doc.documentElement; var metaEl = doc.querySelect...
webstorm下的sass自动编译和移动端自适应实践
1、安装Ruby2、安装sass3、webstorm配置file watcher4、移动端自适应1、安装Ruby安装Ruby，有多种方式，打开官网下载因为，使用的是window选择RubyInstall，下载地址RubyInstall下载地址选择对应系统的版本，下载完成，安装添加到path，建议勾上...
CSS预处理语言——less与sass的使用
我们一般所使用的Less跟Sass一般是将其编译成我们所熟悉的CSS再导入使用，当然不经编译，直接在浏览器使用我是习惯用Koala来进行编译，简单智能方便，Hbuilder也自带编译功能，不过要手动，比较麻烦首先我们来说一下Less。【Less中的变量】1.声明变量使用 @变量名：变量值；2.使用变...
Gulp-自动化编译sass和pug文件
突然发现在我博客文章中，缺少这一块的记录，那我就补一篇吧。gulp的环境配置和安装：http://www.cnblogs.com/padding1015/p/7162024.html这里就补充一篇gulpfile.js的配置，用于自动化编译sass和pug文件用： var gulp = requir...
最近工作再弄基于bootstrap的定制sass
封装各种组件如 button table 当然..我只才做完两个.比如table 抽出很多类以后可以配置的值还有button目录结构大致是scss主要css文件base和components 分别是全局配置与具体组件base文件和具体组件全部通过yunsUI.scss引入最后生成yunsUI.css...
CSS预处理器实践之Sass、Less大比拼[转]
什么是CSS预处理器？CSS可以让你做很多事情，但它毕竟是给浏览器认的东西，对开发者来说，Css缺乏很多特性，例如变量、常量以及一些编程语法，代码难易组织和维护。这时Css预处理器就应运而生了。Css预处理器定义了一种新的语言将Css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作了。预处...
css预处理器sass使用教程(多图预警)
css预处理器赋予了css动态语言的特性，如变量、函数、运算、继承、嵌套等，有助于更好地组织管理样式文件，以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码，让整个网页变得更加灵活可变。对于预处理器，广泛使用的有less和sass。在这不做对比，2者大同小异，sass基于Ruby语...
CSS预处理器Sass、LESS 和 Stylus
CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，...
CSS 预处理器（框架）初探：Sass、LESS 和 Stylus
现在最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。拿less来说，可以在页面上直接使用less文件，但要引用less.js进行解析；同时也可以直接将less输出为css文件。推荐使用后者。最常用的less编译输出css工具：与node.js关联的npm，安装...
为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus
CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，...
关于前端CSS预处理器Sass的小知识！
前面的话 "CSS预处理器"(csspreprocessor)的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文将详细介绍sass的使用定义 S...
强悍的 CSS 扩展语言 -- Sass
<div class = 'testBorder'> <p> <input/> </p></div>假设上面这 3 个 DOM 元素有这样的需求， div 去边框， p 显示边框， input 只显示底部边框, 而且...
sass 安装和使用
1，安装ruby :检查本地是否安装ruby： #ruby -v2，安装sass： #gem install sass3，检查是否安装成功：#sass -v4，.scss文件不能直接被浏览器解析，需要转化成css文件，您不必每次使用 sass-convert命令将 Sass 转为 CSS，而是可以将...
SASS教程sass超详细教程
SASS安装及使用（sass教程、详细教程）采用SASS开发CSS，可以提高开发效率。SASS建立在Ruby的基础之上，所以得先安装Ruby。Ruby的安装：安装 rubyinstaller-2.3.0-x64.exe注：在安装的时候，请勾选Add Ruby executables to your ...
sass
本文来自阮一峰http://www.ruanyifeng.com/blog/2012/06/sass.html学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量...
sass学习（1）——了解sass
为什么要选择sass我们在手写css中，会遇到很多很麻烦的问题。倒不是一些技术的问题，而是工程量的问题。例如，如何可以代替难记的16进制颜色，如何可以让层次更清晰，还有重复的代码该如何偷懒。其实这一切的原因，大部分是因为css并不是一个编程语言，这虽然让入门的门槛降低。但是一旦遇到工程量大的问题上，...
sass mapsource --->gulp
详细，请戳这里1.安装插件npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer如果安装错误，请用sudo 权限；2.在gulp.js中，引用所需的插件如下；var sass = require('gulp-sass');...
Sass简介,安装环境，Sass的语法格式及编译调试
什么是 CSS 预处理器？定义：CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的 C...
基于DDD的.NET开发框架ABP实例，多租户 (Sass)应用程序，采用.NET MVC, Angularjs, EntityFramework-介绍
介绍基于ABPZERO的多租户 (Sass)应用程序，采用ASP.NET MVC, Angularjs-介绍ASP.NET Boilerplate作为应用程序框架。ASP.NET MVC和ASP.NET Web API作为Web框架。实体框架作为ORM。Angularjs作为SPA框架。Bootst...
我们一起学SASS
写在前面sass大约是4年前（2011年）的新技术，sass官网有详细介绍，包括安装指南、学习教程、语法细节文档等等，很全面也很清晰为什么有必要学sass？因为很多前端自动化工具都用sass，比如京东的JDF、淘宝的KISSY都支持sass，在实际产品的开发中，sass用得很多，而且sass语法很简...