元素类型的分类及转换

一、元素类型的分类

1.块元素

A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，

B）默认情况下，块状元素都会占据一行；默认情况下，块状元素会按顺序自上而下排列。

C）块状元素都可以定义自己的宽度和高度。

D）块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。我们可以把这种容器比喻为一个盒子。

例如：div p ul li ol li dl dt dd h1-h6 hr等

2.行内（内联）元素

A) 内联元素的表现形式是始终以行内逐个进行显示； 横着排

B) 内联元素没有自己的形状，不能定义它的宽和高,它显示的宽度、高度只能根据所包含内容的高度和宽度来确定，它的最小内容单元也会呈现矩形形状；

C)内联元素也会遵循盒模型基本规则，但对于margin和padding个别属性值不生效

例如：a b em i span strong等

3.行内块元素

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点

例如：img input等

二、元素类型的转换

display:block;把元素转换成块

display:inline;把元素转换成行内元素

display:inline-block;把元素转换为行内块元素

display:none;隐藏

display：list-item;（li标签默认的display属性值 ...）

                ...当然还有好多其他的属性值，这几个只是很基本的！