如何使用 CSS 而不是 HTML 表示标签来设置元素的样式？ [复制]答案

【问题标题】：How to style elements using CSS instead of HTML presentation tags? [duplicate]如何使用 CSS 而不是 HTML 表示标签来设置元素的样式？ [复制]
【发布时间】：2021-06-02 02:25:04
【问题描述】：

例如，

That is a <em>car</em>. That <strong>car</strong> doesn't start.

在这种情况下，我们可以使用 CSS 而不是 HTML 标签来给它设计吗？

【问题讨论】：

和 我们可以用 css 替换它吗
你的问题是什么，如果你可以在css中设置italic和bold？
您至少需要一个span 来分隔要应用样式的文本。
你想用 CSS 来替换那些标签吗？或者你想用 CSS 来style 那些标签？我不明白前者有多大意义。
Duplicate of  vs. font-weight:bold &  vs. font-style:italic。请阅读、 和 上的文档。特别注意每个元素的语义。

标签： html css

【解决方案1】：

是的，你可以，但你仍然需要创建一个像跨度这样的东西，并带有适当的类。我不知道为什么 比 好。

旧的  和  有点笨拙， 和  是改进的。但是几乎 HTML 中的所有内容都可以归结为带有类和疯狂 CSS 的单个标签，以使用这些类将单个标签变成段落、表格和列表等等……但这对任何人来说真的比我们现在有什么？

【讨论】：

【解决方案2】：

即使不推荐，您也可以将 span 标签与相应的类一起使用。例如。喜欢：

This is a 
<span class="u">car.</span> 
That 
<span class="strong">car</span> 
doesnt't start.

然后像这样用 css 设置它们的样式：

span.u{ 
    text-decoration: underline 
}
span.strong{ 
    font-weight: bold
}

但是推荐使用“原生”标签。

【讨论】：

【解决方案3】：

em -> 字体样式：斜体；强 -> 字体粗细：粗体；

That is a &lt;span style="font-style: italic"&gt;car&lt;span&gt;. That &lt;span style="font-weight: bold"&gt;car&lt;/span&gt; doesn't start.

【讨论】：

这如何回答“我们可以忽略这些 HTML 元素并用 CSS 替换它们吗？”这个问题？换句话说，“这是怎么做X”怎么样？回答“我们可以做 X 吗？” （或暗示：“我们应该做 X 吗？”）？