html - 使用 CSS 时给文本加下划线

Question

我对 CSS 还很陌生，所以我想确保我正确地实现了它。我需要在网页上包含一个解释性段落。我希望它看起来有所不同，所以我在外部 CSS 文件中包含了以下内容:

div.usage { font-style: italic; margin-left... margin-right... ; }

然后包括<div class="usage">Explanation</div>在 HTML 文件中。这按预期工作。

我的理解是，使用CSS时，内容和布局是分开的。那么，我如何在我的解释中强调一些文字呢？我的理解是我应该避免以下内容:<div class="usage">This is <u>very</u> important.</div> .

Answer 1

关于内容和布局的分离是正确的，但在这种情况下，我会将其包装在标签中。 <u/>不过，标签已弃用。我会使用的是这样的:

<div class="usage">This is <em>very</em> important.</div>

和

em { text-decoration:underline; }

<em/>代表强调的文本。默认为斜体，因此根据您的 CSS 重置，您可能还需要将 font-syle 重置为正常。

顺便说一句，给文本加下划线通常不是个好主意，因为大多数人认为带下划线的文本是链接。我会改为将它设为粗体，或者甚至给它一个背景色。