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

一、從概念的角度來看塊級元素和行級元素咱們可以理解為:

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

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

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

? ? 1绰沥、塊級元素會獨(dú)占一行,其寬度自動填滿其父元素寬度态兴;行內(nèi)元素會排列到同一行里疟位,其寬度隨元素的內(nèi)容變化而變化。

? ? 2绍撞、塊級元素可以設(shè)置寬高得院;行內(nèi)元素設(shè)置寬高無效。

? ? 3非洲、塊級元素可以設(shè)置margin,padding屬性两踏;行內(nèi)元素的水平方向的padding會有邊距效果梦染,但是豎直方向的padding沒有效果。

常用塊級元素列表:

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

<h1>泛粹、<h2>肮疗、<h3>、<h4>帽借、<h5>超歌、<h6>? ? 定義標(biāo)題甩骏,數(shù)字越小字體越大越粗

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

<ul>? ? 定義無序列表

<ol>? ? 定義有序列表

<li>? ? 定義列表項目

<dl>? ? 定義列表

<dt>? ? 定義列表中的項目

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

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

常用行級元素列表:

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

<i>? ? 傾斜文本

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

<b>? ? 字體加粗

<strong>? ? 語氣更強(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)文本


記得點個贊哦~
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市炭分,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌观堂,老刑警劉巖呀忧,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件而账,死亡現(xiàn)場離奇詭異,居然都是意外死亡笔横,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門吹缔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事撇吞。” “怎么了迄薄?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵讥蔽,是天一觀的道長。 經(jīng)常有香客問我冶伞,道長步氏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任芋类,我火速辦了婚禮界阁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘泡躯。我一直安慰自己贮竟,他們只是感情好坝锰,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布重付。 她就那樣靜靜地躺著,像睡著了一般弓颈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翔冀,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天纤子,我揣著相機(jī)與錄音,去河邊找鬼控硼。 笑死,一個胖子當(dāng)著我的面吹牛卡乾,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鹦赎,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼误堡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了煞额?” 一聲冷哼從身側(cè)響起沾谜,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤基跑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后媳否,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡力图,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年吃媒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赘那。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡募舟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出琢锋,到底是詐尸還是另有隱情呢灶,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站隧期,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏仆潮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一拾并、第九天 我趴在偏房一處隱蔽的房頂上張望鹏浅。 院中可真熱鬧,春花似錦隐砸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至峰尝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背派诬。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工链沼, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缆八。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓奈辰,卻偏偏與公主長得像,于是被迫代替她去往敵國和親奖恰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容