行内元素与块状元素

行内元素
介绍：所有的行内标签的排列都是从左玩意依次排列为一行，直到自动跳行。
特点：1、宽高对于行内元素没有作用。
2、可以允许其他行内元素排成一排。
3、内容有多大就撑多大，如果没有内容，那么没有大小。
4、一般用来包裹文字或者做一些小的装饰（行内标签不要嵌套块级标签，a除外）。
5、行内标签与display、float、position会擦除火花（行内标签会具有行内块级元素属性）。
例如：图像〈img〉
范围〈span〉
换行〈br/〉
超链接〈a〉
块状元素
介绍：所有的行内标签的排列都是从左玩意依次排列为一行，直到自动跳行。
特点：1、可以直接写宽高。
2、独占一行。
3、默认宽度是父级标签的宽度。
4、一般用于作为容器布局，可以嵌套其它块级元素或者行内元素（p标签不要包裹其他块级元素）。
例如：标题〈h1〉～〈h6〉
段落〈p〉
水平线〈hr/〉
列表（〈ul〉、〈ol〉、〈li〉、〈dl〉、〈dt〉、〈dd〉）
表格〈table〉
层〈div〉
表单〈form〉
行内元素与块状元素的区别
（1）排列方式不同。行内元素从左往右依次排列。块状元素各站一行，从上往下排列。
（2）内嵌元素不同。块状元素可以包含行内元素和块状元素。行内元素不能包含块状元素，只能包含文本或行内元素。
（3）属性设置不同。行内元素设置width属性、height属性时无效，但可以设置line-height属性。设置margin属性、padding属性时，对于上下方向上的设置无效。