## letter-spacing: 字间距
```
letter-spacing 属性用于定义字间距,所谓字间距就是字符于字符之间的空白。其属性值可为
不同单位的数值,允许使用负值,默认为normal。
```
## word-spacing: 单子间距
```
word-spacing 属性用于定义英文单词之间的间距,对中文字符无效。其属性值可为
不同单位的数值,允许使用负值,默认为normal。
word-spacing和letter-spacing 均可对英文进行设置。不同的是letter-spacing定
义的字母之间的距离,而word-spacing定义的为英文单词之间的举例
```
示例:
```
<style>
p {
word-spacing: 15px; /* 仅对单词有效 */
}
div {
letter-spacing: 5px; /* 对单词和汉字 均有效 */
}
span {
letter-spacing: 5px;
word-spacing: 10px;
}
</style>
~~~~
<div>海绵宝宝和光头强</div>
<p>hello word ! 哈哈哈</p>
<span>word letter spacing!</span>
```
效果:
![](https://img.kancloud.cn/59/62/5962b25bb2edac64bd63db4781e8f4fd_307x198.png)
- 空白目录
- 第一章 HTML和HTML5
- 第一节 常用标签
- 01 标签
- 02 标签属性
- 03 图像标签
- 04 链接标签
- 05 锚点定位
- 06 base标签
- 07 特殊字符标签
- 08 注释标签
- 第二节 列表
- 01 无序列表
- 02 有序列表
- 03 自定义列表
- 小结
- 第三节 表格
- 01 认识表格
- 02 表格属性
- 03 表头标签
- 04 表格结构
- 05 表格标题标签
- 06 合并单元格
- 第四节 表单和表单控件
- 01 文本框和密码框
- 02 单选按钮和复选按钮
- 03 label标签
- 第五节 HTML5新增标签和属性
- 第二章 CSS和CSS3
- 第一节 css基本选择器
- 01 通配符选择器
- 02 伪类选择器
- 链接伪类选择器
- 结构(位置)伪类选择器
- 目标伪类选择器
- 第二节 CSS外观样式及应用
- 01 css颜色
- 02 行高对齐和首行缩进
- 03 字间距和单词间距
- 04 颜色半透明
- 04 文字阴影
- 第三节 复合选择器
- 01 交集选择器
- 02 并集选择器
- 03 后代选择器
- 04 子元素选择器
- 05 练习
- 06 属性选择器
- 杂项
- 01 常用快捷键