块级元素与内联元素的区别

块级元素一般用来搭建网站大的框架，布局，例如：div，ul，ol，li，dd，dt，dl，h1～h6，p
内联元素inline element：主要是为了具体设计某几个字的样式而存在的。

block元素默认独占一行，后面无论紧跟什么元素，都会另起一行；block元素的默认宽度是父元素的100%，可以设置高与宽，以及padding值与margin值；width设置为100%的优点就是说它会根据浏览器的变化而自己调整宽度。

inline元素不会独占一行，始终是从左往右排列，排不下的话才会另起一行，inline元素的宽度的跟随内容自动撑起来的，内容有多长，宽度就是多宽，内联元素又称为行内元素，顾名思义，就是始终的行里，所以设置它的高度与宽度都是无效的。但是可以设置margin与padding的水平方向上的值，竖直方向上的padding-bottom，padding-top,margin-top,margin-bottom设置无效。

block element 与inline element 之间可以相互转化，通过display：inline使得块级元素转化为内联元素，从而具有了内联元素的性质

同理，display：block使得内联元素转化为块级元素，从而具有了块级元素的性质