一、元素类型

CSS元素类型：

三种类型 ： 块级元素，内联元素， 可变元素。

1.块级元素特征：

默认 宽度100% ，能够设置宽度和高度。独占一行，自上而下排列完全支持盒模型一般将块级元素当作容器 。 块级元素： div , p , h1-h6 , ul, dl ,ol,li,dt,dd,table,tr,td,form

2.内联元素（行内元素）：

-内联元素 内联块（行内块 ）元素 -内联元素特征：

不能设置 宽度和高度。

横向逐个排列

不完全支持盒模型

内联元素: span, a ,i, b, em …

3.行内块元素：

可以设置宽高

.支持盒模型

横向逐个排列

支持盒模型

行内块元素：img ,input , textarea …

【注】可变元素: 根据上下文 关系确定该元素是块元素还是内联元素

二、元素类型转换：

dispaly: 属性值: 19 block; 转为块级元素 块元素的默认值 inline; 转为行内元素 inline-block; 转为行内块元素 none; 元素不可见（元素隐藏） 如果让元素 再还原出来，除none 以外的属性值都可以。 置换与非置换元素 置换元素 ： 有自己的尺寸 。