什么是行内元素？

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 强制继承。