这是一篇关于输入框聚焦效果的实战笔记。内容来自真实项目中的使用经验，不求面面俱到，但求每一点都能用得上。

很多人学加载Loading动画的方式是东拼西凑：这里看一篇博客，那里抄一段代码。结果知识体系支离破碎。本文帮你把加载Loading动画的知识串成一条线。

在HTML/CSS开发中摸爬滚打这些年，水平垂直居中的方法是我认为性价比最高的知识点之一：学习成本低，使用频率高，避坑价值大。

关于按钮悬停效果，本文只讲三件事：它是什么、怎么用、有哪些坑。把这三件事搞清楚，日常开发就足够用了。

这篇文章我们聚焦HTML/CSS中的一个实用知识点——渐变背景。不搞长篇大论，直接讲重点、给示例，读完就能上手。

工作中接触了这么多HTML/CSS项目后发现：表单样式统一用得对不对，直接影响代码的可维护性。本文聊聊怎么才算「用对」。

工作中接触了这么多HTML/CSS项目后发现：图片自适应容器用得对不对，直接影响代码的可维护性。本文聊聊怎么才算「用对」。

面试被问到vw适配方案时支支吾吾？工作中用到vw适配方案时心里没底？这篇文章就是为你准备的，读完之后你会对vw适配方案有一个完整、清晰的认识。

有人说底部固定操作栏太基础，不值得专门写一篇文章。但恰恰是这些「基础」的东西，构成了代码质量的底座。

如果你的HTML/CSS代码里经常要处理SVG图标入门相关的逻辑，那这篇文章大概率能帮你省时间——有些弯路，别人走过你就不必再走了。

纯CSS绘制三角形说难不难，说简单也不简单。会用只要十分钟，用好却需要一些经验积累。本文把这些经验浓缩成几个要点，帮你少走弯路。

提到圆角与边框技巧，不少人的第一反应是「这个我熟」。可真要细问几个细节，能答上来的人并不多。不妨跟着本文自查一下，你对圆角与边框技巧的掌握能打几分。

本文假设你已经会写基本的HTML/CSS代码，想进一步了解圆角与边框技巧。我们会从实际场景切入，配合代码示例，把它讲透。

提到vw适配方案，不少人的第一反应是「这个我熟」。可真要细问几个细节，能答上来的人并不多。不妨跟着本文自查一下，你对vw适配方案的掌握能打几分。

这篇文章我们聚焦HTML/CSS中的一个实用知识点——粘性定位sticky。不搞长篇大论，直接讲重点、给示例，读完就能上手。

不知道你有没有这种感觉：水平垂直居中的方法好像每次用都要现查文档。这说明理解还停留在表面。本文帮你把它真正内化成自己的东西。

新手学粘性定位sticky最常见的误区，就是只记用法、不理解原理。这样写出来的代码看似能跑，其实埋着隐患。本文尝试既讲用法，也讲背后的道理。

这篇文章我们聚焦HTML/CSS中的一个实用知识点——SVG图标入门。不搞长篇大论，直接讲重点、给示例，读完就能上手。

提到文字超出显示省略号，不少人的第一反应是「这个我熟」。可真要细问几个细节，能答上来的人并不多。不妨跟着本文自查一下，你对文字超出显示省略号的掌握能打几分。

本文面向正在学习或使用HTML/CSS的开发者，主题是rem适配方案。内容以实战为导向，少讲道理，多给示例。