首页 > 代码库 > scss学习笔记
scss学习笔记
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学习笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。