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>

Answer 2

对于稍微改造的HTML，你可能会有更好的运气，以改善结构。例如：

<h2>Bits</h2>

<p>
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>

h2应该处于适当的水平。

现在，您可以根据需要设置样式，方法是定位h2和p。如果您希望将它们分组，则出于语义原因，您可以将它们都包含在section元素中。否则，如果您希望将每个元素与文档中的其他h2 / p元素分开设置样式，则可以为每个元素应用一个类。

现在，您希望将哪些样式应用于每个元素？例如，您可以从：

开始

h2 { font-family: sans-serif; }
 p { font-family: serif; }

基于另一个答案，以及这个问题的标题，说你希望段落中的每个句子有不同的风格是否正确？

Answer 3

只需将您的文字换成span，然后默认添加class inline，并且不会破坏您的界限：

<p>some text <span class="font1">with a headline</span> and some other text in the same paragraph with <span class="font2">another headline</span></p>

Answer 4

我不知道你的样式是否在外部样式表中，此时我不假设，所以在你的头标记中：

<style>
.font1{
   font-family:arial /* put whatever font you want here */
}
.font2{
   font-family:helvetica /* put whatever font you want here */
}
</style>

如果你不是，你应该将你的风格外化，我会考虑使用h1，h2，h3标签等代替标题的p元素

如何使用CSS在一个段落中添加多个字体以及如何将多个CSS属性添加到一个CSS ID？

4 个答案:

使用span