什么是行內(nèi)元素？

2017年04月09日 17:06:52bwf_erg閱讀數(shù)：1012標(biāo)簽：行內(nèi)元素使用

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

下面是我們常用的一些行內(nèi)元

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

這里要強調(diào)一點，我們必須要記住這些行內(nèi)元素，這里寫下幾句便于記憶行內(nèi)元素的語句。

字體大小要加粗，

組合圖像輸入框，

錨準(zhǔn)斜體的菜單，

強調(diào)換行上下標(biāo)

那么行內(nèi)元素該如何使用呢？

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

2.行內(nèi)元素設(shè)置寬、高、margin上下、padding上下無效（豎直無效）。

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

4.行內(nèi)元素的寬高隨標(biāo)簽里的內(nèi)容而變化。

行內(nèi)元素轉(zhuǎn)換為塊級元素

display:block (字面意思表現(xiàn)形式設(shè)為塊級)、

行內(nèi)元素和塊級元素區(qū)別是 行內(nèi)元素設(shè)置寬高是沒用的。 但是有些行內(nèi)元素不是這樣的。

inherit 屬性

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

總結(jié)

以上是生活随笔為你收集整理的什么是行内元素？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。