什么是行内元素?
什么是行內元素?
2017年04月09日 17:06:52bwf_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強制繼承。
總結
- 上一篇: 新开始,新记录,新征程
- 下一篇: 百度地图 圈出省份轮廓图并高亮