css初始化去掉em标签默认样式

CSS初始化去掉em标签默认样式

基础概念

em 标签在HTML中用于表示强调的内容，浏览器通常会为其设置默认的样式，如字体加粗或斜体。CSS初始化是为了确保在不同浏览器中页面显示的一致性，通常会重置或覆盖浏览器的默认样式。

类型

CSS初始化可以通过以下几种方式实现：

全局重置：将所有元素的样式重置为默认值。
选择性重置：只重置特定元素的样式。

应用场景

在开发任何需要跨浏览器兼容性的网页时，CSS初始化都是必要的。

解决方案

要去掉em标签的默认样式，可以在CSS文件中添加如下代码：

em {
  font-style: normal;
}

这段代码将em标签的字体样式设置为正常，去掉了默认的斜体样式。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS初始化示例</title>
  <style>
    /* CSS初始化 */
    body, p, em {
      margin: 0;
      padding: 0;
      font-style: normal; /* 去掉em标签的默认斜体样式 */
    }
  </style>
</head>
<body>
  <p>这是一个 <em>强调</em> 的示例。</p>
</body>
</html>