首页 > 其他 > 详细

!SASS学习

时间:2015-10-12 14:11:36      阅读:238      评论:0      收藏:0      [点我收藏+]

SASS:

http://www.sass.hk/sass-course.html   SASS  2015-10-10

http://sass.bootcss.com/docs/sass-reference/   Sass参考手册  2015-10-11

http://www.ruanyifeng.com/blog/2012/06/sass.html   阮一峰的SASS用法指南

sass文件后缀:1.scss

@charset "UTF-8";//这一句一定要写,否则utf8编码的文件,如果包含中文的,编译会出错
@mixin radius5 {//圆角
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.note1 {
  background-color: green;
  @include radius5;
}

cmd输入命令:sass 1.scss 1.css,编译结果如下:

.note1 {
  background-color: green;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/*# sourceMappingURL=1.css.map */

 

 

 

 

....

!SASS学习

原文:http://www.cnblogs.com/qq21270/p/4871275.html

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