摘要:此元素將顯示為塊級元素,此元素前后會帶有換行符。新增的值此元素會作為列表顯示。塊級元素和行內(nèi)元素的分類中的塊級元素標(biāo)簽描述定義地址。定義圍繞表單中元素的邊框。定義預(yù)定義范圍內(nèi)的度量。定義針對不支持框架的用戶的替代內(nèi)容。定義表格中的單元。
標(biāo)簽(空格分隔): CSS
在html中元素主要分為行內(nèi)元素和塊級元素
行內(nèi)元素
[x] 不獨(dú)占一行
[x] 書寫完成后不會自動換行
[x] 沒有寬和高
塊級元素
[x] 獨(dú)占一行
[x] 書寫完會自動換行
[x] 寬和高可以修改
還有一種特殊的元素叫作行內(nèi)塊級元素;
值 | 描述 |
---|---|
none | 此元素不會被顯示。 |
block | 此元素將顯示為塊級元素,此元素前后會帶有換行符。 |
inline | 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。 |
inline-block | 行內(nèi)塊元素。(CSS2.1 新增的值) |
list-item | 此元素會作為列表顯示。 |
html中的塊級元素:
標(biāo)簽 | 描述 |
---|---|
定義地址。 | |
定義文章。 | |
定義頁面內(nèi)容之外的內(nèi)容。 | |
定義聲音內(nèi)容。 | |
定義長的引用。 | |
定義圖形。 | |
定義表格標(biāo)題。 | |
定義定義列表中項(xiàng)目的描述。 | |
定義文檔中的節(jié)。 | |
定義定義列表。 | |
定義定義列表中的項(xiàng)目。 | |
` 定義元素的細(xì)節(jié)。 | |
定義圍繞表單中元素的邊框。 | |
定義 figure 元素的標(biāo)題。 | |
定義媒介內(nèi)容的分組,以及它們的標(biāo)題。 | |
定義 section 或 page 的頁腳。 | |
定義供用戶輸入的 HTML 表單。 | |
to |
定義 HTML 標(biāo)題。 |
定義 section 或 page 的頁眉。 | |
定義水平線。 | |
定義 fieldset 元素的標(biāo)題。 | |
定義列表的項(xiàng)目。 | |
定義命令的列表或菜單。 | |
定義預(yù)定義范圍內(nèi)的度量。 | |
定義導(dǎo)航鏈接。 | |
定義針對不支持框架的用戶的替代內(nèi)容。 | |
可以看到幾個span都出現(xiàn)在了一行內(nèi) 我們再書寫幾個div標(biāo)簽 可以看到div已經(jīng)垂直了(不在一行內(nèi))
仔細(xì)看上圖,會發(fā)現(xiàn)水平方向有一個bug,有一個間隔 空閑時間可以去百度下hack~ 解決辦法: ①margin:-3px ②position:relitive;left:-3px; 關(guān)于行內(nèi)元素和塊級元素先談這么多,聽說認(rèn)真閱讀并點(diǎn)贊的你,代碼敲的最6哦~ 文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。 轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/114620.html 相關(guān)文章
發(fā)表評論0條評論![]() loostudy男|高級講師TA的文章閱讀更多
閱讀需要支付1元查看
|