HTML元素类型以及区别

一、HTML的元素类型

html的元素大致分为三种：

• 块状元素
• 行内元素
• 行内块状元素

块状元素

1. 总是在新行上开始，元素width铺满父元素整行，height默认根据内容自适应；
2. 多个块状元素默认从上到下排列；
3. 可以识别宽高属性（宽高设置有效）；
4. 可以设置有效上下左右的padding，margin，border属性；

有效：指的是属性的设置可以影响元素在网页的布局大小，相邻的元素定位布局会受到影响；

行内元素

1. 默认从左至右排列元素，一行放不下则换行；
2. 不能识别宽高属性（宽高设置无效）；
3. 可以设置有效左右的padding，margin值，上下的padding和margin值可以设置但是不影响其他元素的定位布局，因此设置是无效的；
4. 可以设置border属性值；

行内块状元素

1. 元素width，height默认根据内容自适应auto；
2. 多个行内块状元素默认左至右排列；
3. 可以识别宽高属性（宽高设置有效）；
4. 可以设置有效上下左右的padding，margin，border属性；