为什么要学元素类型?

是因为在页面书写的时候,发现一些标签对于一些样式不支持,想要支持,就要知道为什么,知道了为什么才可以解决问题.

元素类型（块元素）

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

特点：

1. 默认情况下,独占一行,简单理解就是竖着排列。
2. 默认情况下,支持宽度和高度设置。
3. 默认情况下,支持宽度和高度设置。但是，p不能自己包自己,也不能包其他的块元素,只能包行内和行内块元素，h1-h6 不能包自己,也不能包同类的标题。

元素类型（行内元素）

例如：a span b i em strong sup sub u del s等。

特点：

1. 默认情况下,盒子的宽度是内容撑开的,默认横着排列。
2. 默认情况下,不能定义自己的宽度和高度。
3. 对于其他属性支持不完善，如margin的上下，padding的上下，line-height:1;，text-align:center;给自己无效。
4. 水平排列的时候,可以识别编辑器敲的回车,为空格。
5. 默认情况下,垂直上相对于文本的基线对齐。

 元素类型（行内块元素）

例如：img   input

特点：既有行内元素的特点,又有块元素的特点。

元素类型的转换