行内元素、行内块、块元素的特点
块级元素（代表div）
特点：
- 宽度默认与父级相同
- 独占一行
- 可设置宽高，margin padding
- 注：p标签、h、dt等文字类标签内最好不要放块级元素
行内元素（代表 span a）
特点
- 不能设置宽高
- 一行内显示
- 默认宽度是内容宽度
- padding值只左右下有效，margin值只左右有效
可以看到这里设置span的margin，只左右有效
可以看到这里设置padding，但是只左右下有效
结论：行内元素最好只设置左右padding跟margin 以免造成元素属性混乱 - 行内元素内最好不放块级元素。但a标签内可以放块级元素，最好a标签转化成display：block比较安全，以免网页布局紊乱
行内块元素（代表img input td）
特点
- 可设置宽高
- 一行内显示
- 默认为本身内容宽度（高度），排列有缝隙，会因挤压而换行