一、從概念的角度來看塊級元素和行級元素咱們可以理解為:
? ? 塊級元素一般都是新起一行柄驻,可以容納行內(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)文本