行内元素、行内块、块元素的特点

块级元素（代表div）

特点：

1. 宽度默认与父级相同
2. 独占一行
3. 可设置宽高，margin padding
4. 注：p标签、h、dt等文字类标签内最好不要放块级元素

行内元素（代表 span a）

特点

1. 不能设置宽高
2. 一行内显示
3. 默认宽度是内容宽度
4. padding值只左右下有效，margin值只左右有效
   
   可以看到这里设置span的margin，只左右有效
   
   可以看到这里设置padding，但是只左右下有效
   结论：行内元素最好只设置左右padding跟margin 以免造成元素属性混乱
5. 行内元素内最好不放块级元素。但a标签内可以放块级元素，最好a标签转化成display：block比较安全，以免网页布局紊乱

行内块元素（代表img input td）

特点

1. 可设置宽高
2. 一行内显示
3. 默认为本身内容宽度（高度），排列有缝隙，会因挤压而换行