html – 使用CSS时下划线文本

前端之家收集整理的这篇文章主要介绍了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重置为正常.

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

猜你在找的HTML相关文章