15 标准文档流
标准文档流,又叫普通流,文档流 是什么: 文档流就是html页面 文档流的布局方式:从左到右,从上到下 特点: 拥有块元素,行内元素, margin垂直塌陷,不能移动 文字空白出现折叠现象 文本类的元素会并排 高低不齐 底边对齐 文字排到最右侧,自动换行 html文档中的元素可以分为两大类:行内元素和块级元素 块级元素 范围:所有容器级元素都是块级元素,文本级元素中p元素也是块级元素 是什么: 1、可以设置宽高的 2、独占一行,不与其他元素并排的 3、未设置宽高时,会继承父亲宽度的100% 如:div,p ,h1~h6, ul,dl,li,table,tr,td,form 行内元素 范围:除p以外的所有文本级元素 是什么: 1、不能设置宽高的, 2、行内元素和行内元素可以并排的 如:input,span,i,em,strong 行块元素之间的转换 display: block; 常用 display: inline 很少用 display: none 隐藏元素 margin塌陷(垂直塌陷) 上下盒子(而不是左右盒子),margin小的值会塌陷在大的值,以2个盒子的boarder为参考点 父子元素塌陷,子元素设置margin,该距离=以父元素内容高度的上边,到子元素的boarder为参考点 。 父子元素塌陷是什么意思。