可维护CSS –在线编写可维护CSS代码的指南
但是掌握CSS以创建模块化,语义和可重用代码是另外一回事。
一旦了解了构造页面的语法和方法,编写CSS就会非常简单。
取而代之的是,您可能喜欢MaintenanceableCSS ,它是在线指南 ,其中包含编写更好的长期CSS代码 的技巧和策略 。
您可以使用许多不同的技术,例如SMACSS或ITCSS ,但是这些模型会迫使您朝某个方向发展。
您应该先阅读介绍部分, 该介绍部分解释了此在线指南的基础知识,以及为什么它对Web开发人员有价值。
该指南是完全免费的,甚至包含所有网站代码都托管在GitHub上 。
这样,无论您实际上如何编写特定的选择器,您都可以以正确的方式组织代码 (但MaintenanceableCSS也对此提供了建议)。
这些代码准则可帮助您养成习惯而不是强制性结构。
其中一些主题包括:
除了代码组织之外,该站点还涉及有关现代CSS开发的更复杂的主题 。
- 模块化开发
- 速度与性能
- 处理冗余
- 代码约定
- CSS状态,例如加载,禁用和隐藏
大多数章节都非常简短,并且操作很快,因此您不会花太多时间阅读本指南。
基础知识非常普遍,但是您将学习很多高级主题,例如版本控制和JavaScript + CSS开发 。
查看目录和本指南中的十二章。
它假定您具有基本的知识水平,其中涉及特异性,选择器和属性 。
仍然不了解CSS的全新开发人员可能希望避免使用此指南 。
回到基础并编写将持续数年的代码,这是清洁模块化前端开发的简短有效的方法 。
但是,如果您已经知道如何编写CSS并只是想做得更好,那么MaintenanceableCSS就适合您。