HTML的元素分类和特性

HTML元素的分类

行内元素（内联元素）：

特点

1. 和其它元素都在一行上显示；
2. 元素的高度，宽度，行高以及顶部和底部的边距是无法设置的。
3. 元素的高度就是它包含的文字或图片的宽度，不可改变

<span></span>，<a></a>,<strong>和<em>就是典型的行内元素inline元素

块级元素

特点

1. 每个块级元素都是从独占一行的
2. 元素的宽度，高度，行高以及顶部，底部边距都是可以设置的
3. 元素的宽度不在设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设置一个宽度。

<div>,<p>,<h1>,<from>，<ul>,<li>这些都是典型的块级元素 block元素

行内块元素

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

<img>,<input>标签就是这种内联块元素标签

特点

1. 换其它元素都在一行上
2. 元素的高度和宽度，汉高以及底部，顶部边距都可以设置