Css样式--文本样式详解(1)，高端web前端开发

some text. some text. some text.

this is a paragragh.

这里的p 首行缩进50px

2.水平对齐：text-align:center;left;right;

3.字间隔和字母间距： word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

letter-spacing 属性与 word-spacing 的区别在于，字母间隔修改的是字符或字母之间的间隔。

4.字符转换：text-transform 即大小写 首字母 转换。使用 text-transform 有两方面的好处。首先，只需写一个简单的规则来完成这个修改，而无需修改 h1 元素本身。其次，如果您以后决定将所有大小写再切换为原来的大小写，可以更容易地完成修改。

代码如下:

none 没有变化

uppercase 全大写

lowercase 全小写

capitalize 单词首字母大写

5.文本装饰：text-decoration

| 值 | 描述 |

| — | — |

| none | 默认。定义标准的文本。 |

| underline | 定义文本下的一条线。 |

| overline | 定义文本上的一条线。 |

| line-through | 定义穿过文本下的一条线。= |

| blink | 定义闪烁的文本。 |

| inherit | 规定应该从父元素继承 text-decoration 属性的值。 |

在一个规则中结合多种装饰。如果希望所有超链接既有下划线，又有上划线，则规则如下：

代码如下:

a:link a:visited {text-decoration: underline overline;}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-a3WuxmoN-1710591280258)]

[外链图片转存中…(img-rf1pyIef-1710591280258)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】