码迷,mamicode.com
首页 > Web开发 > 详细

scss学习笔记

时间:2017-04-05 19:54:03      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:scss   imp   font   注释   后缀名   单行   文件名   默认   一般来说   

sass为后缀的文件:写的时候不带大括号和分号;

例子:body

    font-size:12px

scss为后缀的文件:和css一样写的时候带大括号和分号;

导入:

  sass的导入(@import)规则和css的有所不同,编译时会将@import的scss文件合并进来只生成一个css文件。但是如果你在sass文件中导入css文件如@import ‘reset.css‘,那效果跟普通的css导入样式文件一样,导入的css文件不会合并到编译后的文件中,而是以@import方式存在。所有的sass导入文件都可以忽略后缀名.scss。一般来说基础的文件名方法以_开头,如_mixin.scss。这种文件在导入的时候可以不写下划线,可写成@import ‘mixin‘

注释:

  /**/:多行注释

  //:单行注释,在转义成css的时候不会被转义出来

变量:$fontS:12px !default;(!default表示默认值,不是可以不写)

 

scss学习笔记

标签:scss   imp   font   注释   后缀名   单行   文件名   默认   一般来说   

原文地址:http://www.cnblogs.com/cxdxm/p/6670299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!