Question

我正在尝试在我的Index.HTML中的段落中加粗和着色某些单词（或使它们显示为斜体，不同大小等）。

但是通常的格式化标签（HTML）不起作用。

我有一个StyleSheet，其中包含我网站的所有样式和属性，但我只想在段落中更改三个单词（例如）。我该怎么做？

的index.html：

<div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And HERE is where I want to make this word BOLD and this WORD in a different color, for example</p>
        <a href="#" class="da-link">Read more</a>
    <div class="da-img"><img src="img/pp-slider/imac.png" alt="image01" /></div>
</div>

Answer 1

检查这个小提琴：here

这是一个小例子。

我使用Word将其设为粗体，但Word会很好。

使用来拼写斜体。我还使用Word将其设为蓝色。

Answer 2

您可以通过预定义的HTML标记strong，i，em获得所需的结果，或者您可以设置单独的类以分配给不同的元素。

以下是您可以保存的文件＆amp;尝试...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <style>
            body {
                font-size:100%;
                font-family:arial;
            }

            .boldme {
                font-weight:bold;
            }

            .italicme {
                font-style:italic;
            }

            .iambigger {
                font-size:150%;
            }

            .colormered {
                color:#FF0000;
            }
        </style>
    </head>
<body>
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And <span class="iambigger">HERE</span> is where I want to make <span class="italicme">this</span> word <span class="boldme">BOLD</span> and this <span class="colormered">WORD</span> in a different color, for example.</p>
        <p>And by the way, <span class="boldme italicme iambigger colormered">I can have combinations of all</span></p>
        <a href="#" class="da-link">Read more</a>
        <div class="da-img">
            <img src="img/pp-slider/imac.png" alt="image01" />
        </div>
    </div>
</body>
</html>

如果您需要了解其他任何事情，请告诉我......

Answer 3

将文字换成，然后对其应用样式

<强> HTML：

<p>And <span>HERE</span> is where I want to make this word <span>BOLD</span> and this <span>WORD</span> in a different color, for example</p>

<强> CSS：

#da-slider p span{
    color:#F00;
    font-weight:bold;
}

请参阅此Fiddle

Answer 4

用法：

Bold : <b> 
Italic : <i>
Underline :  <u>

示例：

制作文字BOLD和

制作文字BOLD and ITALIC

你也可以使用带有span的CSS：

示例：

这使文本Bold and italic

使用以下CSS：

span {
    font-weight: bold;
    font-style: italic;
}

Answer 5

这是Solution。

HTML：

<div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And HERE is where I want to make this word <span>BOLD</span> and this <span>WORD</span> in a different color, for example</p>
        <a href="#" class="da-link">Read more</a>
    <div class="da-img"><img src="img/pp-slider/imac.png" alt="image01" /></div>
</div>
</div>

CSS：

.da-slide p span {
    font-weight: bold;
}

希望这有帮助。

Div容器内的HTML + CSS样式/文本格式

5 个答案: