如何使用html更改标题中的文本大小

时间:2015-08-03 22:46:16

标签: html css wordpress

我想更改h4标题中的文字大小。我希望所有的信都是资本,但有些要小于其他信。基本上使用h3标签更改文本大小。非常感谢您的帮助..

5 个答案:

答案 0 :(得分:1)

实际上,我相信你所寻找的是小帽子。

试试这个:

    h4 {
      font-variant: small-caps;
    }
<h4>This is Small Capped</h4>
<p>This is regular text.</p>

更多信息: https://css-tricks.com/almanac/properties/f/font-variant/

答案 1 :(得分:1)

这样的东西?

<h4>this is <small>where the title goes</small></h4>

<style>

h4 {
    font-size: 1em;
    text-transform: uppercase;
}

h4 small {
    font-size: .75em;
}

</style>

答案 2 :(得分:0)

您可以在CSS或style属性中更改文本大小。

<h3 style="font-size:50px">The H3 Title</h3>

在CSS中:

h3 {
   font-size:50px;
}

如果您想调整标题的大小,请使用strong。

<h3 style="font-size:50px"><strong style="font-size:25px">The</strong> H3 Title</h3>

&#13;
&#13;
h3 {
  font-size: 50px;
}
#h3Strong {
  font-size: 25px;
}
#h4Strong {
  font-size: 20px;
}
h4 {
  font-size: 45px;
}
&#13;
<h3><strong id="h3Strong">The</strong> H3 Title</h3>
<h4><strong id="h4Strong">The</strong> H4 Title</h4>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

你有没有试过这样的事情:

.c2{
    font-size:2em!important;
}
.span{
    font-size:1em;
}
h3{
    text-transform: capitalize;
}

和html:

<h3>
    <span class="c2">1</span>
    <span>2</span>
</h3>

&#13;
&#13;
.c2{
    font-size:2em!important;
}
.span{
    font-size:1em;
}

h3{
    text-transform:uppercase;
}
&#13;
<h3>
    <span class="c2">a</span>
    <span>b</span>
</h3>
&#13;
&#13;
&#13;

http://jsfiddle.net/n7fye5nc/

答案 4 :(得分:0)

要增加字体大小,请使用CSS font-size属性。

要使所有文本都为大写,请使用CSS text-transform属性。

&#13;
&#13;
.big {
  font-size: 2em;
  text-transform: uppercase;
}
&#13;
<h3>Hello World!</h3>
<h3 class="big">Foo Bar!</h3>
&#13;
&#13;
&#13;