9.14-9.18随笔之一（CSS扩展技术：LESS SASS）

标签：

less css是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性;SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。

less是一种语法，使用需要编译器将其编为CSS才能使用，通过less 我们可以在编写css时设置变量（@变量名）、运用继承、嵌套等，更方便CSS的编写和维护，
我最为喜欢的便是这两种技术中可嵌套的编写方法，对于初学者来说尤为实用，在less中变量作用域类似JS；同作用范围下先声明所有变量再执行；就近按需加载。

相比于less，sass在包含less所有的功能（定义变量：$变量名）外技术的功能更为强大，sass的文件后缀名分为两种1、sass(以前的写法，现不怎么使用) 2、scss(目前使用)；在sass中可以导入文件，格式为：@import "test"(如果导入test的是sass文件不需要后缀名，否则反之)；在sass中最为强大的功能便是判断与循环：

1、判断：　$ie:true;$type:d;div{@if $ie{zoom:1;}@else{overflow:hidden;}@if $type==a{color:blue;}@else{color:red;}}

2循环：@for $i from 1 through 6{      //定义一个变量i 从1到6循环；through会包含后面的6；to不会

　　　　　　h#{$i}{　　　　　　　　//h1 h2 h3...h6 字体大小分别为13 14  15...18
　　　　　　　　font-size:12px+$i;
　　　　　　}
　　　　}

　　由于刚学习这两种扩展技术，还在熟悉中，未了解透彻，个人对这两种技术的认知还不到位。

9.14-9.18随笔之一（CSS扩展技术：LESS SASS）

标签：

原文地址：http://www.cnblogs.com/webhtmlcss/p/4823845.html