Hello，大家好，我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分~~

分享几个css的小技巧： 1、滚动才出现的分割线。2、容器查询。3、视图过渡。4、滚动驱动的动画。5、路径动画和滚动动画结合。

在这篇文章中，我将分享21个HTML技巧和代码片段，可以提高你的编码技能。希望对你有帮助，欢迎留言讨论你知道的其他优化方式。

1. 文字超出部分显示省略号 2. 文字垂直居中 3. 首行缩进 4. 首字下沉 5. 中英文自动换行 6. 文字阴影 text-shadow 为网页字体添加阴影，通过对text-shadow属性设置相关的属性值。 X-offset:指阴影居于字体水平偏移的位置。 Y-offs…