bootstrap 学习笔记
分类
- 函数,变量
- reset
- 布局,组件
- 帮助类
总结
- @mixin / @include
定义样式及在其他地方引入
- @function
定义函数
scss 内置函数
scss 变量
$a 开头
- scss
变量默认: !default
如果分配给变量的值后面添加了!default标志 ,这意味着该变量如果已经赋值,那么它不会被重新赋值,但是,如果它尚未赋值,那么它会被赋予新的给定值
- rfs
根据页面大小计算字体,padding,margin 等
- 组织结构
可能各个组件单独存放 variable, mixin等会更加清晰
- @extend
@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。
{}
插值语句也可以在属性值中插入 SassScript
向混合样式中导入内容
在引用 mixin 样式的时候,可以先将一段代码导入到混合指令中,然后再输出混合样式,额外导入的部分将出现在 @content 标志的地方
占位符选择器 %
%开头的变量为占位符,只可以通过 @extend 导入
- utilities/api
使用 map 定义格式 进行层次渲染
- 上一篇 »Web前端学习笔记之BootStrap
- 下一篇 »Web前端学习笔记:Bootstrap框架