html – 使用CSS时下划线文本

我对CSS很新,所以我想确保我正确地实现它.我需要在网页上加入一个解释性的段落.我希望它看起来不同,所以我在外部CSS文件中包含以下内容：

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

然后包含< div class =“usage”>说明< / div>在HTML文件中.这是按预期工作的.

我的理解是,使用CSS时,内容和布局是分开的.那么那么我会在我的解释中强调一些文字？我的理解是我应该避免以下情况：< div class =“usage”>这是< u>非常< / u> .重要< / DIV取代.

解决方法

你是正确的分离内容和布局,但在这种情况下,我将它包装在一个标签. < u />标签已被弃用.我会用的是这样的：

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

和

em { text-decoration:underline; }

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

除此之外,下划线的文字通常是一个坏主意,因为大多数人认为下划线的文字是链接.我会把它变成大胆的,或者甚至给它一个背景颜色.

原文地址：https://www.jb51.cc/html/223858.html