文档流normal flow

文档流指在元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式,
最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素

标签分类

HTML中

文本级标签-只能放文字、图片、表单元素；
容器级标签-可放任意（容器级标签、文本级标签、文字、图片、表单元素）

CSS中

分类和HTML很像，p不一样

元素分类

display属性类型	是否能并排显示	是否能设置宽高	不设置width属性时
块级元素	否	是	宽度默认是父亲的100%（自动撑满）
行内元素	是	否	宽度是内容的宽度（自动收缩）
行内块元素	是	是

特殊的行内块： 图片、表单元素
关系：浮动/定位后，行内元素转换成块级元素

元素类型转换

语句	意义
display:block	转化为块级元素
display:inline	转化为行内元素（不多见）
display:inline-block	转化为行内块元素

元素隐藏

display:none

元素彻底放弃自己的位置，如同没有写它的标签一样

visibility:hidden

元素不放弃自己的位置