如何使h1,h2看起来像正常的段落文本

时间:2017-10-26 22:42:31

标签: html css

如何使h1,h2看起来像标准文字?

例如,我想要'标准'在上面的句子中我的页面上是H1 ...我可以使它的大小相同,问题是它是否有新线和边距等...

5 个答案:

答案 0 :(得分:2)

在CSS文件(或标记)中设置此项。 播放字体大小等,以便设置正确的文字大小和颜色。

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

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

答案 1 :(得分:0)

只需在CSS中设置样式:

.your_class h1{
    font-size:20px;
    font-weight:400;
    margin:0; // if You use for example bootstrap
    padding:0; // if You use for example bootstrap
}

答案 2 :(得分:0)

让我们假装整个页面的字体大小为14像素。将h1字体大小更改为该值并应用0px行高。这是我能得到的最接近的。

h1 {
    font-size: 14px;
    line-height: 0px;
}

编辑:我没有添加粗体,因为我假设您希望保留h1应用的默认字体权重。

答案 3 :(得分:0)

<h1><p>元素都是块级别。将它们更改为内联,这样它们就不会占据整个宽度。

    p, h1{
        display:inline; 
        font-size:1em; 
        font-weight:normal;
    }

    <h1>hello</h1>
    <p>there</p>

答案 4 :(得分:-1)

如果您希望将“标准”一词与文本的其余部分设置为不同,请尝试将其包装在一个范围内,然后为该范围指定一个ID并将其从CSS编辑为更大的尺寸