塊級(jí)元素與行內(nèi)元素的三個(gè)區(qū)別
- 漢內(nèi)元素與會(huì)計(jì)元素直觀上的區(qū)別
- 行內(nèi)元素會(huì)在一條直線上排列，都是同一行的，水平方向排列
- 塊級(jí)元素各占據(jù)一行，垂直方向排列。塊級(jí)元素從新行開始結(jié)束接著一個(gè)斷行。
- 塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素，行內(nèi)元素不能包含塊級(jí)元素
- 行內(nèi)元素與塊級(jí)元素的屬性不同，主要是盒模型屬性上
- 行內(nèi)元素設(shè)置width無效，height無效（可以設(shè)置lin-height），margin上下無效，padding上下無效
行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素
display：block（字面意思表現(xiàn)形式設(shè)為塊級(jí)）
塊級(jí)元素列表
| 塊級(jí)元素 | 含義 |
|---|---|
| <address> | 定義地址 |
| <caption> | 定義表格標(biāo)題 |
| <dd> | 定義列表中定義條目 |
| div | 定義文檔中的分區(qū)或節(jié) |
| dl | 定義列表 |
| dt | 定義列表中的項(xiàng)目 |
| fieldset | 定義一個(gè)框架集 |
| form | 創(chuàng)建HTML表單 |
| h1~h6 | 定義標(biāo)題字號(hào) |
| hr | 創(chuàng)建一條水平線 |
| legend | 元素為fieldset元素定義標(biāo)題 |
| li | 標(biāo)簽定義列表項(xiàng)目 |
| noframes | 為難寫不支持框架的瀏覽器顯示文本，于frameset元素內(nèi)部 |
| noscript | 定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容 |
| ol | 定義有序列表 |
| ul | 定義無序列表 |
| p | 標(biāo)簽定義段落 |
| pre | 定義域預(yù)格式化的文本 |
| table | 標(biāo)簽定義HTML表格 |
| tbody | 標(biāo)簽表格主體（正文） |
| td | 表格中的標(biāo)準(zhǔn)單元格 |
| tfoot | 定義表格的頁(yè)腳（腳注或表注） |
| th | 定義表頭單元格 |
| thead | 標(biāo)簽定義表格的表頭 |
| tr | 定義表格中的行 |
行內(nèi)元素列表
| 行內(nèi)元素 | 含義 |
|---|---|
| a | 標(biāo)簽可定義錨 |
| abbr | 表示一個(gè)縮寫形式 |
| acronym | 定義只取首字母縮寫 |
| b | 字體加粗 |
| bdo | 可覆蓋默認(rèn)的文本方向 |
| big | 大號(hào)字體加粗 |
| br | 換行 |
| cite | 引用進(jìn)行定義 |
| code | 定義計(jì)算機(jī)代碼文本 |
| dfn | 定義一個(gè)定義項(xiàng)目 |
| em | 定義為強(qiáng)調(diào)的內(nèi)容 |
| i | 斜體文本效果 |
| img | 向網(wǎng)頁(yè)中嵌入一幅圖像 |
| input | 輸入框 |
| kbd | 定義鍵盤文本 |
| label | 標(biāo)簽為input元素定義表注（標(biāo)記） |
| q | 定義短的引用 |
| samp | 定義樣本文本 |
| select | 創(chuàng)建單選或多選菜單 |
| small | 呈現(xiàn)小號(hào)字體效果 |
| span | 組合文檔中的行內(nèi)元素 |
| strong | 語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)內(nèi)容 |
| sub | 定義下標(biāo)文本 |
| sup | 定義上標(biāo)文本 |
| textarea | 多行的文本輸入控件 |
| tt | 打字機(jī)或者等寬的文本效果 |
| var | 定義變量 |
可變?cè)亓斜?-可變?cè)貫楦鶕?jù)上下文語(yǔ)境決定該元素為塊元素或者內(nèi)聯(lián)元素
| 可變?cè)?/th> | 功能 |
|---|---|
| button | 按鈕 |
| del | 定義文檔中已被刪除的文本 |
| iframe | 創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架（即行內(nèi)框架） |
| ins | 標(biāo)簽定義已經(jīng)被插入文檔中的文本 |
| map | 客戶端圖像映射（即熱區(qū)） |
| object | object對(duì)象 |
| script | 客戶端腳本 |
