Question

我目前陷入了一个可能非常微不足道的问题：

我有一个带文字的简单HTML / CSS页面：

<head></head>
<body>
    This is a Text about Foobar.
</body>

如何在不破坏格式的情况下为单词Text分配CSS类/ ID？假设我要将类.yellow添加到其中，它会显示黄色背景的文本。

我认为我有一些东西挡住了我的脑海，因为它不会那么困难......但是我可以google（大部分都是简单的教程）只使用常见的HTML元素，如<p>或{{1这会破坏我的格式。

Answer 1

我认为你错过了<span>标签。试试这个：

<head></head>
<body>
    This is a <span class="yellow">Text</span> about Foobar.
</body>

在CSS中：

.yellow{
color:yellow;
}

Answer 2

使用内联元素。 Span是为此目的而构建的。或者，如果您希望在突出显示的部分后面具有语义含义，则可以使用以下内容重新设置<em>或<strong>样式：

strong.highlight{
    font-weight:normal;
    font-style:normal;
    background:yellow;
}

Answer 3

您只需要将该部分包含在以下范围内：

<span>This is a <span class='yellow'>Text</span> about Foobar.</span>

请参阅此处的工作示例http://jsfiddle.net/dZZfB/

希望有所帮助

Answer 4

HTML示例：

<center><span class="t1">Test1</span></center>

CSS：

<style type="text/css">
    .t1 {
        color: white; 
        text-shadow: black 0.1em 0.1em 0.2em;
    }
</style>