减少<h1>标签中的一些字大小

时间:2017-04-17 15:58:32

标签: html header tags

<h1>Zone <h3>&#9679;</h3> Floor <h3>&#9679;</h3> Level</h1>

嗨,我想最小化圆点到h3标签的大小,但它不起作用,为什么?

4 个答案:

答案 0 :(得分:1)

因为您的HTML完全无效且浏览器需要修复它,但它无法弄清楚您可能想到的内容。这就是Firefox撰写的内容:

DOM pane

你应该切换到CSS:

<h1>Zone <span>&#9679;</span> Floor <span>&#9679;</span> Level</h1>
h1 {
    font-size: 14pt;
}
h1 span {
    font-size: 10pt;
}

在20世纪90年代后期,忽略HTML标签的语义并仅使用它们的默认样式已经很糟糕了。

答案 1 :(得分:0)

您只想减小HTML实体点的大小?很简单,这样做。它会将字体大小从浏览器默认值12px减小到.8em。

h3 {
  font-size:.8em;
}

或者如果你想减少其中包含h1的所有内容,请执行此操作。

h1 {
  font-size:.8em;
}

答案 2 :(得分:0)

尝试在css中使用h1大小不同......

h1 {
    font-size: 14pt;
}

h1 {
    font-size: 8em;
}

答案 3 :(得分:0)

某些WordPress主题不支持某些标签,在这里我添加了大多数WordPress主题支持的最新标签。我也有同样的问题,我要用这个CSS HTML标签来解决这个问题。

如果此处列出的所有上述标记都不适用于您的版本的网页。那你应该试试这个代码。

.entry h3 {
font-size: 1.45em;   

}

有时这个标签对你有用。