常用块级元素、行内元素、行内块元素 以及 相互转化

常用块级元素：可控制高度、行高、内边距、外边距。文字类块级标签里面不能放其他块级元素

<h1> ~ <h6>    <p>     <div>       <ul>          <ol>        <li> 

 

常用行内元素：一般不可以设置高度、宽度、对齐，但水平方向的padding和margin可以设置，垂直方向无效。

                           行内元素只能容纳行内元素、其他文本元素。<a>除外

<a>      <strong>     <em>          <b>    <i>     <del>    <s>      <ins>      <u>     <span> 

 

 

常用行内块元素：可控制高度、行高（line-height）、内边距、外边距

                             行内块元素没有height

<image />     <input />    <td>

 

 

块  转  行内  ： display:inline

行内  转   块 ： display:block

行内  转   行内块 :  display:inline-block

 

浮动 float 可以让元素转为行内块元素（内容可以撑开盒子）