一.首先我們總結下行內元素和區塊級元素有哪些： 行內元素： 標籤可定義錨定表示一個縮寫形式定義只取首字母縮寫字體加粗可覆蓋預設的文字方向大字體加粗換行引用定義定義電腦程式碼文字定義定義專案#定義為強調的內容斜體文字效果在網頁嵌入圖片輸入框定義鍵盤文字< label>標籤為 元素定義標註（標記）定義短的引用定義樣本文字建立單選或多選選單呈現小號字體效果組合文件中的行內元素語氣更強的強調的內容定義下標文本定義上標文字多行的文字輸入控制項<br><tt>打字機或等寬的文字效果<br><var>定義變數</p> <p>區塊級元素：</p> <p><address>定義位址<br><caption>定義表格標題<br><dd>定義清單中定義項目<br><div>定義文件中的分區或節<br><dl>定義清單<br><dt>定義清單中的項目<br><fieldset>定義框架集<br><form>建立HTML 表單<br><h1>定義最大的標題<br><h2>定義副標題<br><h3>定義標題<br><h4>定義標題<br><h5>定義標題<br>< ;h6>定義最小的標題<br><hr>建立一條水平線<br><legend>元素為 <br><fieldset>元素定義標題<br><li>標籤定義清單項目<br> <noframes>為那些不支援框架的瀏覽器顯示文本，於frameset 元素內部<br><noscript>定義在腳本未被執行時的替代內容<ol>定義有序列表<br><ul> ;定義無序列表<br/><p>標籤定義段落<br><pre>定義預先格式化的文字<br><table>標籤定義HTML 表格<br><tbody>標籤表格主體（正文）<br><td>表格中的標準單元格<br><tfoot>定義表格的頁腳（腳註或表註）<br><th>定義表頭單元格<br>< thead>標籤定義表格的表頭<br><tr>定義表格中的行</p> <p>#二.然後我們再來看看行內元素和區塊級元素的區別：</p> <p>1.行內元素與塊級元素直觀上的區別</p> <p>行內元素會在一條直線上排列，都是同一行的，水平方向排列</p> <p>塊級元素各佔據一行，垂直方向排列。區塊級元素從新行開始結束接著一個斷行。 </p> <p>2.區塊級元素可以包含行內元素和區塊級元素。行內元素不能包含區塊級元素。 </p> <p>3.行內元素與區塊級元素屬性的不同，主要是盒子模型屬性上</p> <p>#行內元素設定width無效，height無效(可以設定line-height)，margin上下無效， padding上下無效</p> <p>三.行內元素與區塊級元素的轉換：</p> <p>把區塊級元素轉換成行內元素：display:inline;</p> <p>將行內元素轉換成區塊級元素:display:block;</p> <p>行內區塊元素：display:inline-block;</p>
