1、行內元素與塊級元素css
塊級元素列表html
| <address> | 定義地址 |
| <caption> | 定義表格標題 |
| <dd> | 定義列表中定義條目 |
| <div> | 定義文檔中的分區或節 |
| <dl> | 定義列表 |
| <dt> | 定義列表中的項目 |
| <fieldset> | 定義一個框架集 |
| <form> | 建立 HTML 表單 |
| <h1> | 定義最大的標題 |
| <h2> | 定義副標題 |
| <h3> | 定義標題 |
| <h4> | 定義標題 |
| <h5> | 定義標題 |
| <h6> | 定義最小的標題 |
| <hr> | 建立一條水平線 |
| <legend> | 元素爲 fieldset 元素定義標題 |
| <li> | 標籤訂義列表項目 |
| <noframes> | 爲那些不支持框架的瀏覽器顯示文本，於 frameset 元素內部 |
| <noscript> | 定義在腳本未被執行時的替代內容 |
| <ol> | 定義有序列表 |
| <ul> | 定義無序列表 |
| <p> | 標籤訂義段落 |
| <pre> | 定義預格式化的文本 |
| <table> | 標籤訂義 HTML 表格 |
| <tbody> | 標籤表格主體（正文） |
| <td> | 表格中的標準單元格 |
| <tfoot> | 定義表格的頁腳（腳註或表注） |
| <th> | 定義表頭單元格 |
| <thead> | 標籤訂義表格的表頭 |
| <tr> | 定義表格中的行 |
行內元素列表瀏覽器
| <a> | 標籤可定義錨 |
| <abbr> | 表示一個縮寫形式 |
| <acronym> | 定義只取首字母縮寫 |
| <b> | 字體加粗 |
| <bdo> | 可覆蓋默認的文本方向 |
| <big> | 大號字體加粗 |
| <br> | 換行 |
| <cite> | 引用進行定義 |
| <code> | 定義計算機代碼文本 |
| <dfn> | 定義一個定義項目 |
| <em> | 定義爲強調的內容 |
| <i> | 斜體文本效果 |
| <img> | 向網頁中嵌入一幅圖像 |
| <input> | 輸入框 |
| <kbd> | 定義鍵盤文本 |
| <label> | 標籤爲 input 元素定義標註（標記） |
| <q> | 定義短的引用 |
| <samp> | 定義樣本文本 |
| <select> | 建立單選或多選菜單 |
| <small> | 呈現小號字體效果 |
| <span> | 組合文檔中的行內元素 |
| <strong> | 語氣更強的強調的內容 |
| <sub> | 定義下標文本 |
| <sup> | 定義上標文本 |
| <textarea> | 多行的文本輸入控件 |
| <tt> | 打字機或者等寬的文本效果 |
| <var> | 定義變量 |
可變元素素列表--可變元素爲根據上下文語境決定該元素爲塊元素或者內聯元素框架
| <button> | 按鈕 |
| <del> | 定義文檔中已被刪除的文本 |
| <iframe> | 建立包含另一個文檔的內聯框架（即行內框架） |
| <ins> | 標籤訂義已經被插入文檔中的文本 |
| <map> | 客戶端圖像映射（即熱區） |
| <object> | object對象 |
| <script> | 客戶端腳本 |
2、行內元素與塊級函數的三個區別函數
1.行內元素與塊級元素直觀上的區別佈局
行內元素會在一條直線上排列，都是同一行的，水平方向排列字體
塊級元素各佔據一行，垂直方向排列。塊級元素重新行開始結束接着一個斷行。spa
2.塊級元素能夠包含行內元素和塊級元素。行內元素不能包含塊級元素。code
3.行內元素與塊級元素屬性的不一樣，主要是盒模型屬性上orm
行內元素設置width無效，height無效(能夠設置line-height)，margin上下無效，padding上下無效
3、行內元素轉換爲塊級元素
display:block (字面意思表現形式設爲塊級)
4、舉例說明。
咱們在作頁面佈局的時候,通常會將html元素分爲兩種，即塊級元素和行內元素。
塊級元素：塊狀元素排斥其餘元素與其位於同一行，能夠設定元素的寬（width）和高（height），塊級元素通常是其餘元素的容器，可容納塊級元素和行內元素。常見的塊級元素有div, p ,h1~h6等。
行內元素：行內元素不能夠設置寬（width）和高（height），但能夠與其餘行內元素位於同一行，行內元素內通常不能夠包含塊級元素。行內元素的高度通常由元素內部的字體大小決定，寬度由內容的長度控制。常見的行內元素有a, em ,strong等。
例如：（1）咱們能夠給div或p應用下面樣式，可是a標籤卻沒法應用下面的樣式。
// 代碼以下：
.test{width:100px; height:100px;}
（2）固然咱們還能夠經過樣式display屬性來改變元素的顯示方式。當display的值設爲block時，元素將以塊級方式呈現；當display值設爲inline時，元素將以行內形式呈現。因此咱們能夠給a標籤應用如下樣式：
// 代碼以下：
.test{display:block; width:50px; height:50px;}
（3）另外，若是咱們即想讓一個元素能夠設置寬度高度，又想讓它以行內形式顯示，這時咱們能夠設置display的值爲inline-block。如：
// 代碼以下：
a{display:inline-block; width:100px; height:100px;}