后端开发教程 - Java、Spring Boot 实战 - msg200.com
提高 CSS 游戏的唯一方法👩🏾🎨
我从 2013 年开始指导开发者，并且一直强调掌握 HTML 和 CSS 对于在万维网领域发展的重要性。如今已经过去 6 年了，CSS 比以往任何时候都更加强大。多亏了 JavaScript，现在你可以使用 HTML 和 CSS 制作桌面和移动应用程序，这使得学习 CSS 变得更加重要。尽管如此，我认识的很多开发者要么害怕它，要么就是对学习它不感兴趣。因此，像这样的表情包在开发者社区中盛行也就不足为奇了 😃
我最近在自己创建的 Telegram 群组Dev.to上进行了一项投票，这个群组里分享了一些重要的开发资源（顺便说一句，可以去看看）。结果如下：
每100个人中，有超过60人真的想提升自己的CSS水平。这是一个巨大的数字。这就是我决定写这篇文章的原因。我还会分享一些我和学弟学妹们分享的实用技巧。那就让我们开始吧。
一定要确定🤔
是的，前进一步的第一步实际上是后退一步。你必须非常清楚自己想要掌握它。学习基本概念并不难，但当你追求完美时，事情很快就会变得困难。要成为一名普通的全栈开发人员，你只需要掌握基础知识。但如果你想成为一名厉害的全栈忍者，你必须是一个完美主义者。😎🐱👤
如果你已经决定成为一名厉害的全栈忍者，请记住，罗马不是一天建成的。你必须每天练习。但我向你保证，如果你这样做，你一定会成为真正的全栈忍者；我之所以知道这一点，是因为我见证过人们在每天的练习中不断蜕变和进步。
成为一名狩猎者
好奇心能让你发现奇妙，学习 CSS 也是如此。我们每天都会访问数十个由各自领域的顶尖人才创建的网站。这就像免费的大师班一样。CSS 代码非常容易学习和查看。在我学习 CSS 的最初几天，我就是这样学习新的 CSS 属性的。所以，每次你在网站上看到一些有趣的东西，只需使用“检查元素”工具检查一下即可。
掌握了一些属性和技巧后，下一步就是通过编写代码片段来收集它们。无论你使用哪种代码编辑器，它们都内置了保存代码片段的功能，或者你也可以使用插件来实现。如果你使用 VS Code，可以看看这篇文章。
接受 Dribbble 挑战🏅💪🏼
我爱 Dribbble，当你遇到瓶颈时，它能给你带来灵感。但在我的团队中，它之所以受欢迎是因为一个原因——“Dribbble 挑战”。Dribbble 挑战很简单：找一个擅长 CSS 或设计的人（如果你不认识，可以随时给我发推文@sarthology）。他们会从 Dribbble 中随机选择一个设计给你练习。你的任务是尝试复制它，并尽可能地只使用 HTML 和 CSS 来接近它。然后截取屏幕截图并发送给那位朋友。你的朋友会根据你与原始设计的接近程度，给你 1-5 分。在接下来的 30 天里每天都这样做。我把这个挑战给了我的一位同事，这对她帮助很大。这是她在挑战第 7 天提交的作品。
太疯狂了吧？但我还是给了她 3.5/5 分，因为我注意到有些地方仍然和原始设计不一样。你将从这次挑战中学到的一点是成为一名优秀 CSS 开发人员最重要的一点，那就是尊重设计师的劳动成果。作为一名开发人员，你的工作就是要尊重 UX/UI 设计师给你的设计。它应该完全一样。
从技术上讲，这将帮助您解决两件事：
- 这将促进您良好设计意识的发展。
- 这将开启您的旅程，探索更多的 CSS 属性以完成工作。
不要离开 Devtools 🏃🏻♂️
这是我见过的开发者经常犯的第一个错误。他们不停地在编辑器和浏览器之间切换。这不仅适得其反，还让人非常沮丧。有个有趣的事实：我 90% 的 CSS 代码都是用 Devtools 写的，速度快得惊人。Devtools 功能强大，你只需要在编辑器里编写 HTML 框架即可。所以，提升 CSS 水平的下一个技巧就是掌握 Devtools。以下是一些很棒的入门资源：
- 设计师的 DevTools -CSS 技巧
- 面向 CSS 作者的 Firefox DevTools -Log Rocket
- 使用开发者工具进行更好的 CSS 编码和 CSS 调试-LearnCode.academy
- 你可能不知道的 14 个 Firefox 开发者工具-Envato Tuts+
不要错过新东西🧐
CSS 正在日新月异地发展。总有新的东西涌现。最好时刻保持警惕，以免偶然发现宝藏。还记得我们说过吗？做一个“狩猎采集者”！人们可以用优秀的 CSS 创造出令人惊叹的东西，无论你见过多少次，它总是会让你惊叹不已。你只想问：“他们到底是怎么用 CSS 做到的？”我们应该努力达到这样的水平，如果你想达到这个水平，这里有一些很棒的网站可以参考：
为开源做出贡献
虽然听起来很奇怪，但这很重要。一旦你足够自信，你的 CSS 技能已经有了很大的提高，并且获得了超级厉害的忍者地位，你就需要加入开源项目，因为能力越大，责任越大。那些项目需要你！
这不仅能帮助你进一步提升技能，还能帮助整个操作系统社区。许多优秀的开源团队一直需要能够很好地处理 CSS 的开发人员。这也有助于你磨练你的设计意识，发展你自己的艺术风格，正如你所知，任何伟大的产品都需要你自己的一点创造力。许多优秀的开源工具缺乏好的设计。去 Github 上寻找一些这样的好产品，Fork 它们，添加你的 CSS，然后提交你的 Pull 请求。
愿源头与你同在。
到底
如果你遵循本文提到的所有技巧，你的 CSS 水平将在 60 天或更短的时间内显著提升。我对此深信不疑，因为多年来，我指导过的无数开发者都见证了它的成功。这将是一个缓慢的过程，但绝对值得，而且这比你一辈子抱怨 CSS 水平有多差要好得多。我还建议你们去看看CSS Battle，挑战其他开发者，何乐而不为呢？😃 伙计们，我的分享就到这里。如果你知道一些很棒的工具或资源想要分享，欢迎在评论区分享。下次再见，祝大家编程愉快！
