html - 如何使用CSS在一段中添加多种字体？

Question

我正在尝试将标题和文本放入一个段落中。但是，标题应该使用不同于正文的其他字体。我可以使用大量 <div> 让它工作的，但很难那样做。我希望在没有很多 <div> 的情况下做到这一点的，但我认为没有任何 <div> 可能是不可能的的。这是我的代码:

<div class="blue">
<p class="font2">
Bits
</p>
<br>
<p class="font1">
Een bit is een kleine schakelaar die open of gesloten is. 
De bit krijgt de waarde 1 of 0 als de schakelaar open of gesloten is.
De enen en nullen kunnen worden gezien als ja en nee of aan en uit.
Computers gebruiken deze waarden om informatie op te slaan en te lezen.
</p>
</div>

感谢您的帮助!

我还想问一个问题:

 #menu1 a {display: block; background-color: #0066FF; text-decoration: none; font-family: calibri; font-size: 20px; color: #FFFFFF; padding: 5px 5px;} 
    #menu1 a:hover {background-color: #0088FF} 
    #menu1 li {display: inline-block;} 
    #menu1 ul {list-style: none; text-align: center; margin: 0 auto; padding:0px;}

这是我的代码。我想把它全部放在一个 #menu1 下因为我正在处理多个菜单，我不想失去我的概览。

感谢您的帮助!

Answer 1

使用 span 尝试这个简单的方法

向文本添加类的最佳方法是使用 <span>并更改样式使用 font-family:

.bold {
  font-family: cursive
}

.italic {
  font-family: fantasy
}

.underline {
  font-family: monospace
}

.italic {
  font-family: serif
}

<div class="blue">
  <p class="font2">
    Bits
  </p>
  <br>
  <p class="font1">
    <span class="bold">Een bit is een kleine schakelaar die open of gesloten is.</span>
    <span class="italic">De bit krijgt de waarde 1 of 0 als de schakelaar open of gesloten is.</span>
    <span class="underline">De enen en nullen kunnen worden gezien als ja en nee of aan en uit.</span>
    <span class="boldit">Computers gebruiken deze waarden om informatie op te slaan en te lezen.</span>
  </p>
</div>