我一直严重依赖CSS的一个网站，我正在工作。现在，所有的CSS样式都是在每个标签的基础上应用的，所以现在我试图将它移动到更多的外部样式，以帮助任何未来的变化。
但现在的问题是，我已经注意到我得到了一个“CSS爆炸”。我很难决定如何在CSS文件中最好地组织和抽象数据。
我在网站中使用了大量的div标签，从一个基于表格的网站。我得到了很多这样的CSS选择器:
div.title {
background-color: blue;
color: white;
text-align: center;
}
div.footer {
/* Styles Here */
}
div.body {
/* Styles Here */
}
/* And many more */
这还不算太糟，但由于我是初学者，我想知道是否可以就如何最好地组织CSS文件的各个部分提出建议。我不想在我的网站上的每个元素都有一个单独的CSS属性，我总是希望CSS文件是相当直观和易于阅读的。
我的最终目标是使它易于使用CSS文件，并证明他们的力量，以提高web开发的速度。这样，将来可能在这个网站上工作的其他人也将开始使用良好的编码实践，而不必像我一样学习。