Question

所以我仍然是HTML / CSS的新手，我导入了一个自定义字体。我的网站上有很多一行标题和段落，但它们需要很多不同的样式。我不能每次都使用“H1-6”或“标题”或“p”。解决标题/段落的更好方法是什么？谢谢！

<h1>Qualenist</h1>
<h2>Lorem ipsum dolor sit amet & consectetur adipisicing elit</h2>
<h3>Sign Up</h3>
<h4>learn more</h4>
<h6><span>already a member?</span> Sign in</h6>
<header>How it works</header>

Answer 1

欢迎来到HTML和CSS的有趣世界！这里的标准方法是向元素添加类，以便区分它们，以便您可以采用不同的方式设置它们：

<h1 class="success">Your subscription is processed</h1>
<h1 class="error">There was a problem processing your subscription</h1>

...然后在CSS中：

h1.success { color: green; font-family: "Helvetica"; }
h1.error { color: red; font-family: "Courier"; }

然后当你的老板改变主意并希望所有成功标题都是紫色漫画时，你可以相应地编辑h1.success CSS规则。

Answer 2

只需给出像

这样的CSS

<header class="newstyle">how it works</header>
<header class="other">how it works</header>

.newstyle{
 font-size:30px;
 }
.other{
 font-size:20px;
}

Answer 3

您可以轻松地将课程添加到h1至h6，例如main，sidebar等。
这些定义的优先级较高，因为它们的specifity高于仅标记定义的定义。

有关specifity的更多信息，请访问以下链接：

Answer 4

首先，您必须为自己的目的制作自定义css类。你应该在bootstrap库中找到漂亮的标题，标签

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

http://getbootstrap.com/components/#labels

请检查

CSS / HTML寻址多个标题

4 个答案: