我对CSS很新,所以我想确保我正确地实现它.我需要在网页上加上解释性段落.我希望它看起来不同,所以我在外部CSS文件中包含以下内容:
div.usage { font-style: italic; margin-left... margin-right... ; }
Run Code Online (Sandbox Code Playgroud)
然后包含<div class="usage">Explanation</div>在HTML文件中.这是按预期工作的.
我的理解是,当使用CSS时,内容和布局是分开的.那么,如何在我的解释中强调一些文字呢?我的理解是我应该避免以下情况:<div class="usage">This is <u>very</u> important.</div>.
Nix*_*Nix 13
你是正确的分离内容和布局,但在这种情况下,我会将其包装在标签中.不过,该<u/>标签已被弃用.我会用的是这样的:
<div class="usage">This is <em>very</em> important.</div>
Run Code Online (Sandbox Code Playgroud)
和
em { text-decoration:underline; }
Run Code Online (Sandbox Code Playgroud)
<em/>强调文本的立场.默认值为斜体,因此根据CSS重置,您可能还需要将font-syle重置为正常.
顺便说一句,为文本加下划线通常是一个坏主意,因为大多数人认为带下划线的文本是链接.我会改为大胆,或者甚至给它一个背景颜色.
| 归档时间: |
|
| 查看次数: |
46856 次 |
| 最近记录: |