发表于： 2019-02-20 19:13:19
1 930
今天完成的事情：
1
box-sizing（该属性可以决定盒子的模型）
box-sizing：content-box （说明是标准盒子模型）
box-sizing：border-box（说明是IE盒子模型）
标准盒子模型与IE盒子模型的区别是：
标准的盒模型padding，border是不算在宽度与高度之内的，而是直接等于内容的宽度与高度
2
CSS的继承性
有一些属性，当给自己设置的时候，自己的后代都继承上了，这个就是继承性。
继承性是从自己开始，直到最小的元素。
我们给div加了一个border，但是发现只有div具备了border属性，而p标签却没有border属性。于是我们可以得出结论：
- 关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。
- 关于盒子、定位、布局的属性，都不能继承。
3
使用flex布局：
| 作用在flex容器上 | 作用在flex子项上 |
|---|---|
无论作用在flex容器上，还是作用在flex子项，都是控制的flex子项的呈现，只是前者控制的是整体，后者控制的是个体。
注意：
- 在Flex布局中，flex子元素的设置
float，clear以及vertical-align属性都是没有用的。
明天计划的事情：
完成css任务五 ，下午开始css任务六
收获：
1 学会了运用 如下标签：
页眉：<header>
主要内容：<main>
页脚：<feader>
行内元素：<span> <strong>
返回列表
评论