或许你已经听过一个叫作Sass的东东？可能你已经了解它，并且你能像大师一样写出一些函数？ 对于不清楚我在讲什么的读者或者客户，你们可以想想web开发过程，你们的期望和站点用户的体验想要怎样的。无论如何，我都要给大家分享一下，为什么我认为Sass是一个很好的东西。 对于那些不熟悉web前端开发的人，S ...
分类：
其他好文 时间：
2016-09-19 22:23:24
阅读次数：
195
前面简单介绍了sass的安装，特点和使用方法等，这里记录下sass的基本语法。 一、变量 变量以$开始，像css属性那样赋值，如： 若变量定义在的选择器内，则仅在嵌套层级的范围内可用（可理解为块级作用域）。不在任何选择器内定义的变量则在任何地方可用（可理解为全局变量）。 若在选择器内定义的变量后面加 ...
分类：
其他好文 时间：
2016-09-19 19:53:41
阅读次数：
243
此次页面重构反应出来一个问题，那就是实际练得太少， 哎。。。 1 命名问题 之前面命没有什么规律吧，而且名字巨长。参考链接 2 选择器嵌套问题 这次由于使用了sass，用了它的嵌套功能，于是乱用嵌套，导致最后成了这样。.class1 .class2 .class3 .class4。由于之前不知道浏览 ...
分类：
其他好文 时间：
2016-09-19 17:40:03
阅读次数：
131
使用 gulp 编译 Sass Sass 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了开发者的时间，使得 CSS 的开发，变得简单和可维护。 安装 npm install gulp-sass (--save-dev) 括号中的可选 基本用法 Something like this w ...
分类：
其他好文 时间：
2016-09-19 12:47:38
阅读次数：
717
less与sass： 相同点： 1，两者都作为css扩展技术，也都,基于css的高级预处理语言之上。 2，都有的优点：简化代码，降低维护成本。 3，都必须要避免中文环境，所涉及到的所有目录，标题以及内容，不能有中文。 区别点： 1，变量符号不同：less是@，sass是$； 2，编译条件不一样：le ...
分类：
其他好文 时间：
2016-09-19 06:41:20
阅读次数：
111
Less技术 定义：基于CSS的CSS扩展技术 特点：引入变量、混合、运算和函数。 作用：简化CSS代码。 1.定义变量。 形式：@ 变量名=值； 2.混合。 方式：可以用类选择器 .； id选择器：#； 标签选择器：input body等 形式如：定义- .header1{ width：20px； ...
分类：
其他好文 时间：
2016-09-17 23:41:24
阅读次数：
386
less 是基于CSS的一种 扩展技术.less 通过解析器 （比如koala）转换文件格式为CSS@+变量名+值语法变量LESS 允许开发者自定义变量，变量可以在全局样式中使用，变量使得样式修改起来更加简单。我们可以从下面的代码了解变量的使用及作用：清单 3 LESS 文件 @border-col ...
分类：
其他好文 时间：
2016-09-17 19:18:53
阅读次数：
143
less sass scss 不要取名相同扩展技术基于 css度量 混合 函数 运算简代 css代码 解析器 解析器（koala）变量 值可以变 后缀名为less文件 建一个文件夹 html less 启动 koala配置路径刷新 写一部分在koala里刷新生成用less名称命名的css文件在htm ...
分类：
其他好文 时间：
2016-09-17 16:23:19
阅读次数：
1199
一、LESS概述：less是css的一种概述，在CSS的语法基础之上，它引入了变量，Mixin(混合），运算以及 函数等功能。大大的简化了CSS的编写，而且降低了CSS的维护成本。LESS包含一套自定义的语法及一个 解析器，根据这些语法定义自己的样式规则，这些会通过解析器（Koala)编译成对应的C ...
分类：
Web程序 时间：
2016-09-17 12:08:50
阅读次数：
223
Koala是一个开源的预处理语言图形编译工具，目前已支持Less、Sass、Compass与CoffeeScript。 安装Koala 在Koala官网根据你的系统平台下载对应的版本。Linux系统要求已安装好ruby运行环境。 Koata的使用 https://github.com/oklai/k ...
分类：
其他好文 时间：
2016-09-15 16:29:26
阅读次数：
177
