html的块级元素和内嵌元素

块级元素和内嵌元素的区别：

1.块级元素会独占一行，内嵌元素只会占内容大小

2.一般情况下，块级元素可以设置 width, height属性，内嵌元素设置width,  height无效

3.块级元素可以设置margin 和 padding

块级元素<h>，<p> ，<ul>，<ol>，<pre >,<dd>,<dt>，<td>，<li>，<tbody>，<thead>，<hr>，<blockquote>，<div>，<form>

转换的方式是用css的display属性

display:block;    /*转换为块级*/
display:inline;    /*转换为行内*/

display:inline-block;    /* 其实仍未行内元素，但是可以设置width及height属性等*/