非零基础自学前端最后一遍一 HTML+CSS 6 CSS属性-文本 6.6 letter-spacing、word-spacing

雨点打透心脏的1/2处 2024-03-25 10:17 61阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  6 CSS属性-文本
         *   *  6.6 letter-spacing、word-spacing
             *   *  6.6.1 letter-spacing、word-spacing(一般)

![在这里插入图片描述][5d70d83871f047c0b9d3bf06285a1026.png_pic_center]

#### 一 HTML+CSS ####

#### 6 CSS属性-文本 ####

##### 6.6 letter-spacing、word-spacing #####

###### 6.6.1 letter-spacing、word-spacing(一般) ######

letter-spacing、word-spacing分别用于设置字母、单词之间的间距

*  默认是0，可以设置为负数

![在这里插入图片描述][4be90eee2a064caeac89212ca3c197c5.png_pic_center]

这是默认的样子

![在这里插入图片描述][53696cb01b3b47c4adf9e6be371cda3d.png_pic_center]

加上字母之间的间距

![在这里插入图片描述][97e5b23b041c40dca65bc1bfdcea2295.png_pic_center]

这是加上单词之间的间距

[5d70d83871f047c0b9d3bf06285a1026.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0199163cfa6d4d26a225dbf5c9629ead.png
[4be90eee2a064caeac89212ca3c197c5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/513bb9e6514b4b06b65fcc0b469a73e5.png
[53696cb01b3b47c4adf9e6be371cda3d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a7c5b869094240b6953a5d334fd856ab.png
[97e5b23b041c40dca65bc1bfdcea2295.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/782987d9c4cc4de6bf2ec9d60b32bf14.png