html - 如何以特殊格式、css、html 设计段落的某些部分

Question

我正在尝试以特殊格式在段落中设计一些单词。但是它对我说比里面的<p>标签 我不能使用标签 <bank1>和 <bank2>我创造的。我不想关闭 <p>标记，因为我不想换行，但我想留在段落内。任何人都可以帮助我...提前致谢这是 html 行:

<p class="title">Welcome to <bank1>TACROX </bank1> <bank2> Bank </bank2>!</p>

这是css部分

bank1 {
    font-family: "Rockwell Extra Bold", serif;
    font-size: 1.2em;
    color: #d9531e;
}

bank2 {
    font-family: "Rockwell Extra Bold", serif;
    color: #22242b;
    font-size: 1.2em;
}

Answer 1

尝试:

<p class="title">Welcome to <span class="bank1">TACROX</span> <span class="bank2">Bank</span>!</p>

和 CSS:

.bank1 {
    font-family: "Rockwell Extra Bold", serif;
    font-size: 1.2em;
    color: #d9531e;
}
.bank2 {
    font-family: "Rockwell Extra Bold", serif;
    color: #22242b;
    font-size: 1.2em;
}

没有 bank1 这样的东西或 bank2元素，所以你可以使用 span带有指定的 class .您不能只制作自己的元素。

此外，由于两者之间有相似之处，您可以删除一些冗余:

.bank1, .bank2 {
    font-family: "Rockwell Extra Bold", serif;
    font-size: 1.2em;
}
.bank1
    color: #d9531e;
}
.bank2 {
    color: #22242b;
}