首页 > Web开发 > 详细

css之Sass

时间:2015-07-19 19:31:33      阅读:502      评论:0      收藏:0      [点我收藏+]

sass跟less一样都是动态的样式表语言,但sass的功能更强大一些。不管使用哪一种,他们都是使编写 CSS 的工作变得非常简单。

基本功能就不介绍了,它与less相似,列举一些区别就好。

 

1.导入样式

  • 关键字 @import

 

  1. 直接css文件 @import "index.css"; 
  2. 直接sass文件 @import "index"; 可以省略后缀名,但注意的是sass合并sass文件 

2.方法:

  1. 声明变量的时候,变量必须在前面;有利于后期的修改和维护;
  2. !default;默认时使用这个值,而想修改的时候就在前面修改;
  3. #{需要的值},转译;
  4. 多值变量,使用时取下标,下标从1开始;
  5. map $map
  6. each循环
  7. & 父元素
  8. @at-root跳出父元素
  9. @mixin定义 @include使用
  10. @extend 继承 父元素 
  11. 判断@if

 

 

3.sass less 变量的差别:

  • less局部不会影响全局变量,而sass的局部变量则会影响全局变量。

css之Sass

原文:http://www.cnblogs.com/luobaojun/p/4659122.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!