TailwindCSS 从零开始 - 写在前面

初次见面

虽然 TaiwindCSS 於 2019 年发表，当时我正开始学习前端技术，对於此领域还有很多未知的地方，对於蓬勃发展且不断进化的前端领域，一开始我也只是从最基本的 HTML + CSS 跨入，进而学习 SCSS 发现预处理器的优点以及模组化的概念，也在这时 RWD 的概念与熟练度才建立起来，接触 Bootstrap 後，感到更便利了！当时就已经觉得切版似乎就是这样了。

後来在专案上碰到 TailwindCSS 的时候，整个眼界被打开，竟然有比 Bootstrap 这个老字号更方便的框架，并且不用撰写任何一行 CSS 外，还可以自由改动的样式，所以开始投入此框架的学习。

值得振奋的是，台湾有团队在做中文翻译的官方文件，

本系列内容

维持着过去铁人赛的初衷，一切从零开始的学习，从 TailwindCSS 最基本的概念认识，到基楚实作，dark 模式与 JIT 模式介绍，最後会带到一个页面的架构练习以及目前是使用 Angular 开发，所以也会介绍如何引入於 Angular 来使用 TailwindCSS。

从零开始的本怀

因为我是从完全不会写网页到现在转职也将近一年的前端工程师，了解跨领域要挑战网页的困难点与痛点，毕竟转职後身边许多都是资工系本科的人在身边，这时候都是很大神级的人物，而我自己又是中年转职，压力颇大，许多都是从零开始学习，所以这篇开始，希望可以让只有听过 TailwindCSS，或是完全没碰过的新手作为一个参考，因篇幅关系，无法把全部的功能逐一介绍与使用，可能文中会有不足或是需要修改的地方，还请各位前辈不吝指教，我会尽快更新内容，以免误人子弟，先感谢大家的阅读，希望大家都可以一起来用 TailwindCSS 来开发网页享受个中乐趣！

参考资料

除了自己阅读官方文件之外，也另外有参考六角学院校长去年铁人赛的 CSS 的优良部分介绍到 TailwindCSS 而产生兴趣，也有从 HISKIO 平台的 布鲁斯的 Tailwind CSS 开发秘技｜轻松打造仿 Facebook UI 中的学习知识点。

结语

感谢您看完本篇前言，如果您还有兴趣，就跟着此系列文章开始学习 TailwindCSS 吧！