什么是行內元素？

2017年04月09日 17:06:52 bwf_erg 閱讀數：1012 標簽： 行內元素使用

 

 

我們都知道在html元素分為行內元素和塊級元素。在實際開發中，會經常把他們弄混淆，而且很難記住。下面我們就來教會大家如何記住行內元素的

下面是我們常用的一些行內元

<a>	錨點
<b>	字體加粗
<big>	大號字體
<br>	換行
<em>	定義為強調的內容
<i>	斜體文本效果
<img>	圖像
<input>	輸入框
<label>	標簽為input元素的標注
<select>	單選或多選菜單
<small>	小號字體
<span>	組合文檔的行內元素
<strong>	強調內容
<sub>	定義下標
<sup>	定義上標
<textarea>	多行文本輸入框

這里要強調一點，我們必須要記住這些行內元素，這里寫下幾句便於記憶行內元素的語句。

字體大小要加粗，

組合圖像輸入框，

錨准斜體的菜單，

強調換行上下標

那么行內元素該如何使用呢？

1.行內元素會在一條直線上排列，在同一行從左至右水平排列。直到一行排不下，才會換行。

2.行內元素設置寬、高、margin上下、padding上下無效（豎直無效）。

3.行內元素設置line-height，margin左右、padding左右有效（水平有效）。

4.行內元素的寬高隨標簽里的內容而變化。

行內元素轉換為塊級元素

  display:block (字面意思表現形式設為塊級)、

 行內元素和塊級元素區別是  行內元素設置寬高是沒用的。  但是有些行內元素不是這樣的。

inherit 屬性

能夠繼承到子類的樣式屬性非常有限，僅是 文字、字體、顏色... 子類如果還想繼承父類的屬性，可以通過inherit 強制繼承。