在CSS中,如何更改h1和h2的字体大小

时间:2012-05-19 19:04:40

标签: css

用一句话按二十一主题。我想改变标题的大小 当我将标题包裹在h1和h2标签周围时如下

<h1>My h1 heading </h1> 
<h2> My h2 heading </h2>

我使用的主题中的标题字体大小与内容的字体几乎相同,只是它们是粗体。所以我的标题不太突出。

我想我需要在css文件中更改一些内容。请告知确切需要投入的内容。

谢谢,

4 个答案:

答案 0 :(得分:29)

h1 {
  font-weight: bold;
  color: #fff;
  font-size: 32px;
}

h2 {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
}

请注意,在颜色之后,您可以使用单词(例如white),十六进制代码(例如#fff)或RGB(例如rgb(255,255,255))或RGBA(例如{{1} })。

答案 1 :(得分:9)

 h1 { font-size: 150%; }
 h2 { font-size: 120%; }

根据需要调整。

答案 2 :(得分:6)

你有什么尝试?这应该有用。

h1 { font-size: 20pt; }
h2 { font-size: 16pt; }

答案 3 :(得分:1)

如果您想专门更改标题,这是一个更简单的解决方案

xml