可维护CSS –在线编写可维护CSS代码的指南

但是掌握CSS以创建模块化,语义和可重用代码是另外一回事。

一旦了解了构造页面的语法和方法,编写CSS就会非常简单。

取而代之的是,您可能喜欢MaintenanceableCSS ,它是在线指南 ,其中包含编写更好的长期CSS代码 的技巧和策略

您可以使用许多不同的技术,例如SMACSS或ITCSS ,但是这些模型会迫使您朝某个方向发展。

可维护CSS –在线编写可维护CSS代码的指南

您应该先阅读介绍部分, 该介绍部分解释了此在线指南的基础知识,以及为什么它对Web开发人员有价值。

该指南是完全免费的,甚至包含所有网站代码都托管在GitHub上

这样,无论您实际上如何编写特定的选择器,您都可以以正确的方式组织代码 (但MaintenanceableCSS也对此提供了建议)。

这些代码准则可帮助您养成习惯而不是强制性结构。

其中一些主题包括:

除了代码组织之外,该站点还涉及有关现代CSS开发的复杂的主题

  • 模块化开发
  • 速度与性能
  • 处理冗余
  • 代码约定
  • CSS状态,例如加载,禁用和隐藏

大多数章节都非常简短,并且操作很快,因此您不会花太多时间阅读本指南。

基础知识非常普遍,但是您将学习很多高级主题,例如版本控制JavaScript + CSS开发

查看目录和本指南中的十二章。

可维护CSS –在线编写可维护CSS代码的指南

它假定您具有基本的知识水平,其中涉及特异性,选择器和属性

仍然不了解CSS的全新开发人员可能希望避免使用此指南

回到基础并编写将持续数年的代码,这是清洁模块化前端开发简短有效的方法

但是,如果您已经知道如何编写CSS并只是想做得更好,那么MaintenanceableCSS就适合您。


翻译自: https://www.hongkiat.com/blog/maintainable-css/