上一篇
html文字设置
HTML文字设置通过标签属性或CSS实现，如`
、 - 定义段落与标题，style`属性或CSS类设置字体、颜色、大小，推荐用外部样式表统一
HTML文字基础设置
HTML通过标签属性或CSS控制文字样式,以下是常用设置方式：
文字基础属性
| 属性 | 说明 | 示例效果 |
|---|---|---|
face | 字体名称（已废弃） | <font face="Arial"> |
size | 字号（1-7或+/-数值） | <font size="4"> |
color | 文字颜色 | <font color="red"> |
style | 样式（如斜体/加粗） | <font style="italic"> |
颜色与背景
文字颜色
<span style="color: #336699">蓝色文字</span>
背景颜色
<p style="background-color: #f5f5f5">灰色背景段落</p>
透明背景
<div style="background-color: rgba(0,0,0,0.5)">半透明背景</div>
文本样式控制
| 样式 | 标签/CSS属性 | 说明 |
|---|---|---|
| 加粗 | <b> 或 <strong> | <strong>重要内容</strong> |
| 斜体 | <i> 或 <em> | <em>强调内容</em> |
| 下划线 | <u> 或 text-decoration | <u>下划线</u> |
| 删除线 | `或text-decoration错误内容` |
语义化文字标签
| 用途 | SEO价值 | |
|---|---|---|
<strong> | 强调重要性内容 | 高权重关键词 |
<em> | 强调语气 | 次级关键词 |
<mark> | 高亮显示 | 突出活动/促销信息 |
<code> | 代码片段 | 技术文档专用 |
<small> | 次要说明文字 | 版权/免责声明 |
进阶文字控制
首行缩进
p { text-indent: 2em; }文字阴影
h1 { text-shadow: 2px 2px 4px rgba(0,0,0,0.3); }强制换行
地址：北京市<br>朝阳区<br>中关村
保留空格
电话号码： 010-12345678
首字母大写
p::first-letter { float: left; font-size: 200%; }
常见问题与解答
Q1：如何让部分文字加粗且不影响SEO？
A：推荐使用<strong>标签包裹需要强调的内容，既符合语义化标准又能提升关键词权重，示例：
这是<strong>核心优势</strong>，请重点关注。
Q2：如何修改特定文字的颜色而不使用内联样式？
A：通过CSS类定义样式，保持HTML结构清洁，示例：
<style>
.red-text { color: #c00; }
.green-text { color: #0c0; }
</style>
<p>普通文字 <span class="red-text">红色警告</span> 和 <span class="green-text">绿色提示</span></p
