关于<addr>和<acronym>:

都是表示缩略词的标签

不同点：

abbr：表示全词的缩写；

acronym：表示标记一个首字母缩写；

PS:其实看起来的效果都一样，只是内在表达的不一样而已，所以看不出什么区别，重点是现在acronym已经淘汰不用了，所以尽量改用abbr就好

1、<em> 把文本定义为强调的内容

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话，请使用 <i> 标签。除此之外，文档中还可以包括用来改变文本显示的级联样式定义。

2、<i>显示斜体文本效果

<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。

3、<dfn>定义一个定义项目

<dfn> 标签可标记那些对特殊术语或短语的定义。

现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来，<dfn> 还可能有助于创建文档的索引或术语表。

与其他许多基于内容的样式和物理样式标签一样，<dfn> 标签尽量少用为妙。

也就是说它们要实现的目的不同，但都用同样的表现方式，就是斜体。

关于 <b> 和 <strong>

在显示上，这两个标签都可是加粗文本，呢么为什么会有两个功能"相同"的标签呢？而且好像 strong 并非个例。

• 首先，这两个并非完全相同。比如，如果使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
• 其次，从起源上来说，strong 是为了在未来建设语义网而诞生的。应该知道的是，html 是负责显示的标记，不能表示语义。也就是说，浏览器知道这个标签如何显示，而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。

文本显示为单行，超过部分隐藏并使用省略号，实例:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

尝试一下 »

使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有作用)，实例:

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
width:100px;

尝试一下 »

汉字的间隔调节也是用 letter-spacing 来实现的。

因为中文段落里字与字之间没有空格，因而 word-spacing 通常起不到调整间距的作用。