28、网页字体与颜色样式全解析

网页字体与颜色样式全解析

1. 测试标题颜色

在网页设计中，颜色的选择至关重要。有一系列颜色代码，如 #111111、#222222、#333333 等，这些颜色有一个共同点：所有在十六进制代码中仅使用一个数字的颜色都是灰色，从非常深（几乎是黑色）到非常浅（几乎是白色）。你可以在网页中尝试使用这些颜色作为字体颜色，也可以使用照片编辑应用程序的颜色选择器，通过直接在对话框中输入十六进制代码来确定它们是什么颜色。

2. 测试橙色标题

现在， <h1> 和 <h2> 标题都设置为橙色，这与特定的橙色主题和设计相匹配。要实现这一点，需要在 “journal.css” 文件中对 h1, h2 规则添加颜色属性，然后重新加载网页查看效果。不过，标题添加了下划线后，看起来有点像可点击的链接，因为用户通常认为网页中带下划线的文本是可点击的，所以下划线可能不是一个好的选择。接下来将探讨其他文本装饰方式，并重新考虑网页中的下划线设置。

3. 文本装饰

文本装饰允许你为文本添加诸如下划线、上划线和删除线等装饰效果。可以通过设置元素的 text-decoration 属性来实现。以下是一些示例代码：

em {
    text-decoration: line-through;
}
em {
    text-decoration: underline overline;
}
em {
    text-decoration: none;