这是我参与「第五届青训营 」笔记创作活动的第1天。 在这里记下一些对CSS的学习与理解。
- 标签的样式是根据对应标签设置的样式决定的，如果没有设置，那么就通过继承继承父元素的计算值，除非显式指定了一个值。
2.显式继承：可以通过一天个单独的声明把某个标签的属性设置为继承父元素。甚至由原本的不可继承变成可以继承。 例子：
*{
box-sizing: inherit
}
html {
boxing-sizing: border-box;
}
.some-widget{
box-sizing: content-box;
}
在该段代码中，星号处定义了box-sizing 是可以接受父元素的继承的。
-
初始值initial 假设background的初始值为transparent，则background：initial命令可以将background重置为初始值。
-
layout 布局 经典的盒子模型，把每一个属性看作一个盒子，多个属性配合看成盒子套着盒子。比如 margin padding，border等等。
-
关于border的用法： 没看明白，用的时候再看。
6.行级排版上下文 inline formatting context(IFC) 规则：盒子在一行内水平摆放。 一行放不下的时候，换行显示。 text-align决定一行内盒子的水平对齐 vertical-align决定一个盒子在行内的垂直对齐.避开float浮动对齐。
7.列级排版上下文 规则： 盒子从上到下摆放， 垂直margin合并， BFC内的盒子不会和外面的盒子的margin合并。 BFC不会和浮动的元素重叠。
8.flexibility 设置子项的弹性：当容器有剩余空间的时候，可以伸展，容器空间不够的时候，会收缩。flex-grow有剩余空间时的伸展能力；flex-shrink有容器空间不足的时候收缩的能力。flex-basis没有伸展和收缩时的基础长度。
- display：grid 使得元素生成一个grid容器。 使得grid-template相关属性将容器划分为网格。 设置每一个子项占哪些行列。
10.float 浮动 设置文字环绕。
