边缘CSS属性

当您将一个类添加到一个元素中时,请根据它所代表的内容而不是它的外观来命名该类。 class="Italic" 是一种完全忽略了内容和样式分离的反模式。

<span class="Italic">This</span> man? 
<span class="Bold">What</span> are you thinking?

class="emphasised" . 但是您不需要这样做,因为在HTML中已经有一个元素具有确切的含义 <em> .

<em>This</em> man?

幸运的是,浏览器将呈现 <em> 默认为斜体,因此您不需要更多的CSS。

你不应该 <em> 斜体字。一个词可能被斜体字还有其他原因。例如,它可能是引用(使用 <cite> ),或另一种语言的短语(使用 <span lang="fr">c'est la vie</span> ),或者它可能只是一个没有语义的排版怪癖(在这种情况下是一个简单的 <span>

第二种强调形式默认为粗体, <strong> :

<strong>What</strong> are you thinking?

<em> . 如果这就是你想要的,用那个标签。不过,别急着跳 <强> class="first-line" (或者简单地使用CSS :first-line 选择器(如适用)。

而不是 <b> 和 <i> 使用 <strong> <em> . 它们具有语义含义,并且通常由浏览器默认设置为与 <b> 和 <i>

当你说'边际',如果你的意思是它就像一个一次性的案件,你觉得你不应该创建一个类只是为了这一个案件,那么只是使用内联CSS呢?

例如。。。

<p>
    <span style="font-style:italic">This</span> man? 
    <span style="font-weight:bold">What</span> are you thinking?
</p>

为什么不创建一个css类来描述意图而不是强调的动作呢。你可以把它叫做“importantWord”,是的,它只包含一条规则是很好的。重要的是,如果您决定在语义上更改样式的外观,它仍然是有意义的。

我想你是用手写的。您可以使用too将default设置为粗体,但它有另一个含义,因为它精确地表示了其中文本的重要性。