bootstrap 学习笔记

bootstrap

分类

1. 函数，变量
2. reset
3. 布局，组件
4. 帮助类

总结

1. @mixin / @include

定义样式及在其他地方引入

2. @function

定义函数

3. scss 内置函数

4. scss 变量

$a 开头

5. scss

变量默认: !default
如果分配给变量的值后面添加了!default标志 ，这意味着该变量如果已经赋值，那么它不会被重新赋值，但是，如果它尚未赋值，那么它会被赋予新的给定值

6. rfs

根据页面大小计算字体，padding，margin 等

7. 组织结构

可能各个组件单独存放 variable， mixin等会更加清晰

8. @extend

@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。

9. {}

插值语句也可以在属性值中插入 SassScript

10. 向混合样式中导入内容
    在引用 mixin 样式的时候，可以先将一段代码导入到混合指令中，然后再输出混合样式，额外导入的部分将出现在 @content 标志的地方

11. 占位符选择器 %

%开头的变量为占位符，只可以通过 @extend 导入

12. utilities/api

使用 map 定义格式 进行层次渲染