1. 背景
和fe同学一起联调，刚好把握机会把之前不懂的一些初级的css和html的东东问了一遍，得到了耐心的解答好开心啊啊！！
2. 仅仅做自己记录回忆使用哦哦
- float
在css里每个元素包括 行内元素和块元素都是占据以行为单位的空间。而float的意义就是脱离出行的概念。好比是桌子上的某本书被举起来，按照人的意愿去放置。
- position
position是一个属性，对应的值有四个。分别是static,fixed,relative,absolute。之前一直不大清楚这四个之间孰是孰非。 现在可算是明白了。fixed最简单，就是完全按照body这个大块来定自己的位置。relative也比较简单，就是完全按照自己本身来定位置。absolute算是比较复杂的，是相对树节点来调节叶子节点的位置。static是position默认的值，某些时候是用于消除position属性的值时用的。
- display里的inline-block和block
正如上面所述，div也是按照一行作为单位去调节位置的。但当我希望两个div可以放在同一个行时怎么办呢，方法很多。将display属性设置为inline-block就是一个选择，行内块，自行理解。 当时我不懂block和div本身的区别是啥。后来才意识到，block不一定是要作用于div的。更多是作用于一些需要块形状的非块标签，比如说img,a等标签。
- 行内元素和块的概念
行内元素，比如说p,span这些。只能一行，不能去定义width和height。除非调节字体的大小。 块的话，自由很多。随意调节。
- clear的作用和应用场景
这快其实理解还是不够深入。大致是说，当你的clear属性设置为left时，说明你希望元素的左边没有挨着的别的元素展现。同理，还有right,both等。 应用场景很多。一个没大理解的场景，是通过clear both的设置达到撑出一个大块的效果。
- margin，bordor，padding
这个就是 盒子边界与body顶部的举例/盒子的边框粗细/盒子内容与边框的举例。
- 伪类
所谓的伪类其实就是一个行为。比如说a:hover。
- z-index
主要是和position结合着使用。覆盖优先级的概念。比如说2就比1优先级高那就是2的这个元素覆盖1。