更改文本的字体和颜色

时间:2021-06-03 23:39:33

标签: html css

为什么我不能在单个规则集中放置多个值(例如字体系列:草书;颜色:蓝色),而不是创建一个完整的其他 id 和规则集?我试过了,它有效,似乎是一种更快的方法。例如,如果我想更改标题的字体、颜色和大写/小写,我不能将所有这些值都放在一个规则集中吗?

2 个答案:

答案 0 :(得分:3)

执行此操作的首选方法是使用级联样式表 (CSS)。这使您可以编辑网站的视觉方面,而无需过多处理 HTML 代码本身。

说明:

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

其中 [tag] 可以是任何东西。例如“p”(段落)、“span”、“div”、“ul”、“li”...等

其中 [css] 是任何有效的 CSS。例如“颜色:红色;字体大小:15px;字体重量:粗体”

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

例如:

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

其中 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" 可能更合适。 (感谢 Grant Wagner 指出这一点)

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

记住:

保持您的 HTML 代码干净,并使用 CSS 修改所需的任何视觉样式。 CSS 非常强大,可以为您节省大量时间。

答案 1 :(得分:1)

是的,您可以这样做。

其实这是正确的方法!

因此您创建了一个具有特定选择器的规则集,然后编写了您希望和元素具有的所有属性(如果选择器适用于该元素)

相关问题