HTML塊級(jí)元素和行內(nèi)元素

一、從概念的角度來(lái)看塊級(jí)元素和行級(jí)元素咱們可以理解為:

? ? 塊級(jí)元素一般都是新起一行,可以容納行內(nèi)元素和其他塊級(jí)元素;

? ? 行內(nèi)元素一般都是語(yǔ)義級(jí)別的基本元素,一般只能容納文本或者其他行內(nèi)元素。

二、塊級(jí)元素和行內(nèi)元素的區(qū)別

? ? 1、塊級(jí)元素會(huì)獨(dú)占一行,其寬度自動(dòng)填滿(mǎn)其父元素寬度;行內(nèi)元素會(huì)排列到同一行里,其寬度隨元素的內(nèi)容變化而變化。

? ? 2、塊級(jí)元素可以設(shè)置寬高;行內(nèi)元素設(shè)置寬高無(wú)效。

? ? 3、塊級(jí)元素可以設(shè)置margin,padding屬性;行內(nèi)元素的水平方向的padding會(huì)有邊距效果,但是豎直方向的padding沒(méi)有效果。

常用塊級(jí)元素列表:

<div>? ? 定義文檔中的分區(qū)或節(jié)

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>? ? 定義標(biāo)題,數(shù)字越小字體越大越粗

<p>? ? 段落標(biāo)簽

<ul>? ? 定義無(wú)序列表

<ol>? ? 定義有序列表

<li>? ? 定義列表項(xiàng)目

<dl>? ? 定義列表

<dt>? ? 定義列表中的項(xiàng)目

<dd>? ? 定義列表中的條目

<hr>? ? 創(chuàng)建一條水平線

常用行級(jí)元素列表:

<span>? ? 組合文檔中的行內(nèi)元素

<i>? ? 傾斜文本

<em>? ? 定義為強(qiáng)調(diào)的內(nèi)容

<b>? ? 字體加粗

<strong>? ? 語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)內(nèi)容

<a>? ? 標(biāo)簽可定義錨

<img>? ? 嵌入圖片

<input>? ? 輸入框

<select>? ? 創(chuàng)建單選或多選菜單

<textarea>? ? 多行文本輸入框

<button>? ? 按鈕標(biāo)簽

<sub>? ? 下標(biāo)文本

<sup>? ? 上標(biāo)文本


記得點(diǎn)個(gè)贊哦~
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容