在<div>中，直接定义字体大小，颜色，间距，行距
在 HTML 的 <div> 元素中直接定义字体大小、颜色、间距（字间距）和行距（行高），最常用且直接的方式是使用 内联样式（Inline Style），即在标签的 style 属性中编写 CSS 代码。以下是具体的属性说明及代码示例：
1. 核心 CSS 属性对照表
样式需求CSS 属性名常用单位/值示例说明
字体大小font-size16px, 1.2em, 1rempx 为像素，em/rem 为相对单位
字体颜色colorred, #FF0000, rgb(255,0,0)支持颜色名、十六进制、RGB/RGBA
字间距letter-spacing2px, 0.1em控制字符之间的间隔，可为负值
行距/行高line-height1.5, 24px, 150%控制行与行之间的距离，无单位数值表示倍数
2. 代码示例
方法一：使用内联样式（直接写在标签上）
这是最直接的方式，适用于单个元素的快速设置。注意多个样式之间需用分号 ; 隔开。
<div style="
font-size: 16px;
color: #333333;
letter-spacing: 2px;
line-height: 1.8;">
这是一段设置了字体大小、颜色、字间距和行距的文字。
</div>
方法二：使用内部或外部 CSS 类（推荐用于项目维护）
如果多个 <div> 需要相同的样式，建议定义一个 CSS 类，这样更利于维护和复用。
CSS 代码：
.custom-text-style {
font-size: 16px; /* 字体大小 */
color: #333333; /* 字体颜色 */
letter-spacing: 2px; /* 字间距 */
line-height: 1.8; /* 行距（行高） */
}
HTML 代码：
<div class="custom-text-style">
这是一段通过 CSS 类设置样式的文字。
</div>
3. 注意事项与最佳实践
行距的单位选择：
[*]推荐使用无单位数值（如 1.5 或 1.8）。这样行高会根据当前字体大小自动计算倍数，当字体大小改变时，行高也会按比例调整，保持布局协调。
[*]若使用 px，当字体变大时，固定的行高可能导致文字重叠。
字间距 vs 词间距：
[*]letter-spacing：控制字符（字母或汉字）之间的间距。
[*]word-spacing：控制单词（以空格分隔的英文单词）之间的间距。中文通常使用 letter-spacing。
颜色表示法：
[*]十六进制（如 #FF5733）：最常用，兼容性好。
[*]RGB/RGBA（如 rgb(255, 87, 51) 或 rgba(255, 87, 51, 0.8)）：适合需要透明度的场景。
[*]颜色名称（如 red）：简单易记，但颜色选择有限。
优先级：
[*]内联样式（style="..."）的优先级高于内部样式表（<style>）和外部样式表（.css 文件）。如果在内联样式中定义了属性，其他地方的同名属性将被覆盖。
页:
[1]