Html 在一个div中可以有多个字体吗?
例如,在一行中,不同的单词有两种不同的字体 i、 e 值得打字的是“这是a”,而helvetica是“测试”。但我不知道如何做到这一点——我尝试过使用不同的div类,但这会将单词放在不同的行上 这能做到吗 更新: 视图: 使用跨度:Html 在一个div中可以有多个字体吗?,html,css,Html,Css,例如,在一行中,不同的单词有两种不同的字体 i、 e 值得打字的是“这是a”,而helvetica是“测试”。但我不知道如何做到这一点——我尝试过使用不同的div类,但这会将单词放在不同的行上 这能做到吗 更新: 视图: 使用跨度: <p> <span class="typeworthy">This is a</span> <span class="helvetica">Test</span> </p> 这是一个测试
<p>
<span class="typeworthy">This is a</span> <span class="helvetica">Test</span>
</p>
这是一个测试
然后,在css上配置这两个类
如果差异的原因是为了强调,您可能需要使用
。div{
div {
font-family:Arial;
}
span {
font-family:Verdana;
}
<div>
some text
<span>some other text</span>
</div>
字体系列:Arial;
}
跨度{
字体系列:Verdana;
}
一些文本
其他一些文本
在指定字体的每个部分周围放置一个span
标记,并将它们保持在相同的div
此处尝试以下操作
你好,世界!
font1先生{
字体系列:衬线;
}
font2先生{
字体系列:无衬线;
}
在div内使用
标记
<div style="font-family:Times">
This is text in Times New Roman.
<span style="font-family:sans-serif">
<br/> This is in sans-serif.
</span>
</div>
这是《新罗马时代》的文本。
这是无衬线的。
每个元素只能应用任何特定CSS属性(包括字体)的一个值。(CSS规范规则准确地确定应用了哪个值,但它只能是一个值,并且存在多个值。)
正如其他人所指出的,div中可以有许多不同的(非div/inline)元素——这些单独的元素本身可以应用不同的CSS值
检查“代码文本”的SO标记可以发现,它对不同的颜色使用了多个跨距(单个CSS属性的值不同),对于相同的参数,可以将其视为不同的字体
比如说,
(适合打字)这是一个(helvetica)测试
呈现如下,其中每个类规则可能应用了不同的颜色(想想:字体)
(
适合打字
)
这
..
Yes div#someID{font-family:Arial;}div#someID:first-line{font-family:whatever}@KRUKUSA为什么要发布答案作为评论?哇,谢谢!有可能提升“世界”吗?那个世界比你好高了一点?哇,非常感谢!这就是我想要实现的。另外,我已经用你的方法更新了原始帖子的代码,但是“LOVE”字体没有100%的提升/工作。我做错了什么(你能帮我看一下你的测试网站或小提琴吗?那是我的小提琴。我指的是你的网站,这样我就能知道问题出在哪里了。
<p>
<span class="typeworthy">This is a</span> <span class="helvetica">Test</span>
</p>
div {
font-family:Arial;
}
span {
font-family:Verdana;
}
<div>
some text
<span>some other text</span>
</div>
<div>
<span class="font1">Hello</span> <span class="font2">World</span> !
</div>
.font1{
font-family:serif;
}
.font2{
font-family:sans-serif;
}
<div style="font-family:Times">
This is text in Times New Roman.
<span style="font-family:sans-serif">
<br/> This is in sans-serif.
</span>
</div>
<code>
<span class="pun">(</span>
<span class="pln">typeworthy</span>
<span class="pun">)</span>
<span class="pln"> </span>
<span class="typ">This</span>
..
</code>