CSS快速入门基础知识（五）

一、元素类型

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 以外的属性值都可以。

• 置换与非置换元素
  置换元素 ： 有自己的尺寸 。