基本术语和概念
匿名文本，是指所有未包含在行内元素中的字符串<p>I’m<em>so</em>happy!</p>
序列中I’m和happy!都是匿名文本。
em框，em框在字体中定义，也成为字符框。实际的字形可能比其em框更高或更矮。
内容区，在非替换元素中，内容区可能有两种。内容区可以是元素中个字符的em框串在一起构成的框，也可以是由元素中字符字形描述的框。
行间距，是font-size值和line-height值只差，这个差实际上要分为两半，分别应用到内容区的顶部和底部。为内容区增加的这两部分分别称为版兼具。行内距只应用于非替换元素。
行内框，这个框通过向内容区增加行间距来描述。对于非替换元素，袁术行内框的高度刚好等于line-height的值。对于替换元素，元素行内框的高度则恰好等于内容区的高度，因为行间距不应用到替换元素。
行框，这个包含该行中出现的行内框的最高点和最低点的最小框。换句话说，行框的上边界要位于最高行内框的上边界，而行框的底边要放在最低行内框的下边界。
1）内容区类似于一个块级元素的内容框。
2）行内元素的背景应用于内容区及所有内边距。
3）行内元素的边框要包围内容区及所有内边距和边框。非替换元素的内边距、边框和外边距对行内元素或其生成的框没有垂直效果；也就是所它们不会影响元素行内框的高度。
4）替换元素的外边距和边框确实会影响该元素行内框的高度，相应地，也可能影响包含该元素的边框高度。
行内非替换元素
假设有一下标记：
CSS Code复制内容到剪贴板
<p style="font-size:12px;line-height:12px;">
This is text<em>some of which emphasized</em>,plus other text<br>which id <strong style ="font-size:24px;">strongly emphasized</strong>and which is<br>larger than the surrounding text.
</p>
效果如下：
大多数文本的font-size都是12px，只有一个行内非替换元素中的文本大小是24px。不过，所有文本的line-height都是12px，因为line-heght是一个继承属性。因此strong元素的line-height也是12px。
由于行内框的顶端在元素内容区内部，所以元素的内容落在了行框的外边，实际上与其他行框发生了重叠。其结果是，文本行看上去很不规则。
CSS Code复制内容到剪贴板
<p style="font-size:12px;line-height:14px;">
