码迷,mamicode.com
首页 > 其他好文 > 详细

!SASS学习

时间:2015-10-12 14:13:16      阅读:136      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!