24

由于fontHTML5 中不推荐使用 HTML 中的标记(我理解为什么),是否有一个干净的解决方案可以将某些属性和样式仅应用于段落文本的一部分?我正在使用 JavaScript 解析一个 XML 文件,该文件依赖于font标签允许使用基于类的 CSS 格式化部分包装文本。我意识到“锚”(a)标签也可以用于此目的,但这种方式似乎非常落后和不自然。

编辑

当我问这个问题时(几年前),我无法理解每个 DOM 元素都属于一个display类别,两个主要类别是:

  • block- 坚持占据自己的行
  • inline- 与其他inline元素或文本一致

HTML 提供了两个通用容器元素,默认情况下每个容器元素都遵循这些显示值之一;div用于block展示,span用于inline展示。

span元素是指定特定文本块并赋予其独特样式或 ID 的完美方式,因为您可以将其包裹在较大段落的一部分周围,而无需将所选内容分成新行。

4

4 回答 4

23

标签将span是最好的方法。

尽管通常不建议使用内联 CSS,但这里有一个示例:

<p>
This is my <span style="font-weight:bold">paragraph</span>.
</p>

spandiv类似,但是div标签是块元素,所以会导致换行。 span是一个内联标签,可以与您的文本内联使用。

于 2013-10-09T18:55:37.137 回答
3

HTML:

<span class="yourstyle">
Text in your style
</span>

CSS:

.yourstyle {
            color: red;
           }
于 2016-09-07T21:28:49.017 回答
2

你可以使用<span>标签

<p>here is your paragraph text and it goes on and on and on..... and now 
lets start some <span>formatted text.</span> here is another<span>section 
of formatted text</span> here is unformatted text<p>

您可以执行内联样式,例如,<span style="color: #000000; font-family: calibri, arial, helvetica;"> 也可以将一个类应用于您的跨度,例如<span class="textformat1"<span class="textformat2">. 然后只需根据类应用不同的 css 规则。

.textformat1 {
    color: red;
}
.textformat2 {
    color: blue;
}

希望这可以帮助

于 2013-10-09T19:01:46.307 回答
2

始终使用 css 文件来保存您的代码,这些代码对于您设置的每个元素都将被视为“通用”。当您想为特定设置时,可以说<span>元素。您可以按照上面的 Adam Plocher 所说的那样,使用元素的style=""属性。<span>

于 2013-10-09T19:02:20.513 回答