通过最佳实践组织和清理大型网站

Question

好的，所以我一直觉得在获得现有工作之前对CSS有很好的理解。他们让我工作的第一件事就是清理整个基于网络的会计和库存系统。交叉兼容性存在问题。该系统非常庞大，有150多页。主要问题是开发人员在开发系统（CSS）时并没有真正使用最佳实践。该系统设置了一个样式表，其中包含1800多行代码，实际上没有任何结构。另一个主要问题是网站主要由表格和许多表格组成，以及其他元素具有内联样式，特别是所有输入字段（大小）。说实话，我不确定解决这个问题的最佳方法。显然，我想从HTML中提取所有内联样式。但找到最好的方法去做这件事很难。关于推进这项工作的最佳方法的任何建议？在此先感谢您的帮助。

Answer 1

我最好的建议是通过将任务分解为可管理的模块来逐步完成，并且每天做一次。类似的东西：

• 使用带有Pagespeed扩展名的Firebug可帮助您分析CSS的效率，并将其中的建议用作整体重构的路线图。
• 删除所有现有内联样式，例如将它们转移到外部 temp.css 文件（经常刷新以确保没有任何中断）。
• 我强烈建议您查看Nicole Sullivan's work with OOCSS并选择其中一个网格和媒体对象，大多数网站布局遵循她非常精简的CSS所涵盖的模式。

这次你有机会做到正确，所以要花很多时间来正确规划。如果你发一些小提琴我可以帮忙。小心。