时间戳

首页 > 解决方案 > 更改文本的字体和颜色

html - 更改文本的字体和颜色

问题描述

为什么我不能将多个值（例如 font-family: cursive; color: blue）放在一个规则集中，而不是创建一个完整的其他 id 和规则集？我试过了，它可以工作，而且似乎是一种更快的方法。例如，如果我想更改标题的字体、颜色和大写/小写，我不能将所有这些值放入一个规则集中吗？

标签： htmlcss

解决方案

执行此操作的首选方法是使用层叠样式表 (CSS)。这允许您编辑站点的视觉方面，而无需处理太多 HTML 代码本身。

解释 ：

<[tag] style="[css]"> Content </[tag]>

哪里[tag]可以是任何东西。例如“p”（段落）、“span”、“div”、“ul”、“li”.. 等。

其中 [css] 是任何有效的 CSS。例如“颜色：红色；字体大小：15px；字体粗细：粗体”

向 html 元素添加样式的推荐方法是为其分配一个“类”（可以在文档中重复的标识符）或“id”一个不应在文档中重复的唯一标识符。

例如：

<[tag] id="element1" class="red"> Content </[tag]>
<[tag] id="element2" class="red"> Content </[tag]>

其中标记是任何 html 有效标记。id 是唯一的任意名称，class 是可以重复的任意名称。

然后在 CSS 中（在文档的标签内）：

<style type="text/css">

.red {
    color:red;
}

#element1 {
    background-color:black;
}

</style>

对于这个例子，为了让新用户更容易理解，我将类命名为“red”。然而 class="red" 并不是如何命名的最佳示例。最好根据语义含义命名 CSS 类，而不是它们实现的样式。所以 class="error" 或 class="highlight" 可能更合适。（感谢格兰特瓦格纳指出这一点）

有关 CSS 的完整指南，您可以访问此链接：http ://www.w3schools.com/css/

记住：

保持您的 HTML 代码干净并使用 CSS 修改所需的任何视觉样式。CSS 真的很强大，它会为你节省很多时间。

推荐阅读