什麼是行內元素？

 

什麼是行內元素？

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 強制繼承。