我正在为一个中型 Web 应用程序创建一个设计。这是我第一次，我的工作场所没有既定的设计流程。以前的项目是小型内部应用程序，后端开发人员使用最小的设计，刚好足以使内容在应有的位置对齐。
我开始分别为每种类型的页面进行设计，并为每种类型的页面创建一个新的CSS文件，例如，一个单独的用于输入表单，另一个用于搜索界面，等等。我还制作了一个大文件，其中包含无处不在的元素(页眉、页脚、按钮、警告消息等(。这是我能想到的唯一合理的结构。
我已经做了一段时间了，我现在注意到我制造了某种混乱。当我有一个元素并且需要更改其样式的定义时，我总是必须通过检查元素，然后是Visual Studio的搜索功能，这仍然相当有效。但我也经常发现自己在看样式表中的定义，不知道它们的用途，或者它们是否仍在使用——也许我们已经抛弃了使用它们的元素，或者它们是试图解决一个得到更好解决方案的问题。
我已经在尝试为我的类提供良好的语义名称，但这还不够，有时甚至是不可能的 - 我使用的每个解决方法似乎都给我留下了像 .centeringWrapper 这样的名称。
什么是好的，可行的CSS代码结构来防止这些问题？我可以应用哪些原则来安排代码？
- 如何将代码划分为文件，以便找到正确的文件？
- 如何在文件中构建代码，以便我可以在文件中保持方向？
- 如何保持对同一元素在不同@media块中使用的不同定义的概述？
欢迎任何使我的工作不那么凌乱的建议。
构建 CSS 的最佳实践是构建 CSS。我的意思是有一个系统。你的系统是什么并不重要，只要它对你和你的团队有意义，人们可以始终如一地维护它(至少在合理的时间内(。
不过，我可以告诉你一种不这样做的方法，那就是不要用自己的CSS单独设计每个页面。
我想你已经想通了这一点，但值得重复一遍。
现在，有时我违反了这个规则。但这很少见，而且通常在以营销为中心的小型网站上，我只有 4 个非常不同的页面。但是，一般来说，您希望在所有页面上尽可能多地重用CSS。
实现这一目标的一种方法是通过 CSS 框架从预先存在的结构开始。一个常见的是Bootstrap，但实际上有几十个选项。