根据元素本身特点来分类：
- 替换元素
替换元素根据其标签和属性来决定元素的具体显示内容.有
<img><input><textarea><select><object>。
替换一般有内在尺寸即img默认的是其图片的宽高，input也有默认的尺寸。img和input的宽高可以设定。 - 不可替换元素。
即将内容直接表现给用户端。
块级元素和行内元素
- 块级元素，独占一行。可设置宽高。
- 行内元素。左右可以有其他元素在同一行。
几乎所有替换元素都是行内元素。
行内元素的宽高大多是auto*auto。但其中包含的替换元素都可以直接设置宽高。如img input textarea等等
要设置其宽高可以display:inline-block;再设置宽高。