html基础知识梳理

1.父与子都是块级元素，子元素无宽就默认与父同宽
2.宽高不能被继承
3.元素分为块级，行内，行内块
4.浮动/定位/伸缩盒子后不再是以上三种元素
5.css权重：标签<类<ID<行内<!important
6.伪类选择器
:hover{} ----用来设置鼠标悬停到标签上时候的样式
:focus{} ----用来设置获取鼠标焦点时候的样式
7.伪元素
::before{}
::after{}
8.外边距塌陷：给子元素设置margin-top时，父元素发生移动
解决办法：1.给父元素设边框 2.给父元素设置overflow:hidden;
9.外边距合并：当给元素设置上下外边距时，外边距会以最大值为准
10.改变内容区域的位置用padding,如果改变盒子位置用margin
11.display:none 隐藏元素，不占位置
display:block 显示元素
visibility:hidden 隐藏元素，会占位置