块级元素、行内元素及行内块元素

盒子模型是CSS中的一个重要概念，在html中所有元素都可以看成一个盒子。盒子有外边距（margin）、边框（border）、内边距（padding）及填充内容（content）等属性。使用盒子模型可以完成页面的设计和布局。宽度（withd）和高度（height）是盒子模型中最重要的属性，使用该属性可以完成页面的布局和对齐。

块级元素：典型代表有div、form、table等，类似一个容器，它可以容纳行内元素和其他块元素。块级元素的主要特征包括：
1）能够识别宽高
2）margin和padding的上下左右均对其有效
3）自动换行，多个块状元素标签写在一起，默认排列方式为从上至下
当行内元素通过display属性设置为block时，可以将一个行内元素转换为块级元素。

行内元素：典型代表为input、img、select等，仅代表一个具体内容，如一个文本框、选择框、操作按钮等。
1） 宽度（withd）和高度（height）设置均无效
2）对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
3）不自动换行，多个行内元素写在一起，会自动排成一行，默认排列方式为从左到右；
当块级元素通过display属性设置为inline时，可以将一个块级元素转换为行内元素。

行内块元素：当元素的display属性设置为inline-block时，称为行内块元素。行内元素兼有块级元素和行内元素的特征。
1）能够识别宽高，可以设置宽度（withd）和高度（height）等
2）不自动换行，默认排列方式为从左到右