1.清除浮动

给第一个父盒子添加如图属性即可 这样可以实现不给父盒子设置height 子盒子自动涨大父盒子 且后面的元素位置不受影响

2.对于两个嵌套关系的块元素,父元素和子元素同时有一个方向的外边距,父元素会塌陷较大的外边距的值

很简单 给父盒子添加overflow:hidden即可

3.字体大小/行高 若不加px行高即为字体大小的倍数

4.em不倾斜 可用于添加小词语

5.text-indent调整文字与盒子边界距离 以文字大小为基本单位

如图就是空出了4个字的空隙 可用于段落的开头缩近 还可用于隐藏一些文字(text-indent:-9999em)

6.定位简析

7.元素显示与隐藏

(1)visible:hidden隐藏元素 继续占有原来位置

(2)display:block 这里是让元素不再隐藏

(3)display:none隐藏元素 不再占有原来位置