[分享]css关联字体大小没效果

在CSS样式中，我们通常会设置字体大小来让文本更加易于阅读。但有些情况下，我们会遇到一个常见的问题：CSS关联字体大小设置没有效果。这可能是由于以下原因。p { fontsize: 18px; } h...

在CSS样式中，我们通常会设置字体大小来让文本更加易于阅读。但有些情况下，我们会遇到一个常见的问题：CSS关联字体大小设置没有效果。这可能是由于以下原因。

p {
  font-size: 18px;
}

h1 {
  font-size: 28px;
}

body {
  font-size: 16px;
} 

1. 指定了具体的字体大小

当你在HTML中使用“font”属性时，其指定的字体大小会覆盖CSS样式中的字体大小设定。例如：

<p style="font-size: 20px;">这是20像素的字体大小。</p> 

虽然样式表中定义了p标签的字体大小是18px，但是当style属性指定了20像素时，最终呈现的就是20像素的字体大小。

2. 不正确的CSS选择器

如果你所指定的CSS选择器不正确，那么CSS样式将不会生效。例如，如果你使用了class属性而不是id属性，那么选择器应该是一个“.”，而不是“#”：

<p class="paragraph">这是CSS样式的段落标签。</p>

.paragraph {
  font-size: 24px;
} 

3. 样式表未连接到HTML文档

如果你的CSS样式表没有正确地连接到HTML文档，那么样式表中的样式不会生效。

4. 使用浏览器默认字体

如果你的样式表在字体名称上指定了一个错误的名称，或者找不到该字体，那么浏览器就会使用默认的字体，而不是你指定的字体。如果你不确定字体是否可用，可以在CSS中使用“font-family”属性来指定多个备选字体。例如：

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 16px;
} 

总之，在CSS中设定字体大小是很简单的。但是，在一些情况下，关联的字体大小被忽略了，常常与一些常见原因有关。请注意这些问题，并确保避免它们，以确保你的CSS字体大小生效。