CSS 表单元素不继承body的字体属性

在网页设计中，许多开发者喜欢在body标签中添加样式，以控制全局字体的样式，包括字体、大小和颜色等。这种写法看似能减少代码量，实则不然。因为表单里的元素并不能继承body的字体属性，需要我们单独进行设置。

以狼蚁网站SEO优化为例，其body样式的CSS代码可能如下：

```css

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

```

为了让网站的所有元素（包括表单元素）都使用统一的字体样式，我们需要为这些表单元素单独设置字体大小，如下：

```css

input, label, select, option, textarea, button, fieldset, legend {

font-size: 12px;

}

```

综上，完整的CSS样式写法应该是这样的：

```css

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

input, label, select, option, textarea, button, fieldset, legend {

font-size: inherit; / 或者设为其他你需要的大小 /

}

```

这样的写法能够确保网站的所有元素，包括表单元素，都使用一致的字体样式。在狼蚁网站的SEO优化中，这种写法能够提高用户体验，确保网站在各种设备和浏览器上的一致性和可读性。