Javascript 将CSS划分为布局和主题的经验法则

我想把我的布局CSS和我的主题CSS分开。然而，我有点不确定某些属性（如填充、边距、宽度或高度）也属于何处。我可以看到它们属于任何一个文件。我想知道这方面的一般经验法则是什么

---

谢谢

在我看来，没有什么硬性规定你必须遵守。但这取决于Visual studio中的examle和Drupal中的examle。但基本原理是一样的

• 核心CSS-规则只包括HTML元素的样式，例如在CSS重置或Normalize.CSS中使用的样式
• 布局-页面上元素的排列，包括网格系统
• 主题-纯粹的视觉样式，如边框、框阴影、颜色和背景、字体属性等

---

您可以将它们放在不同的CSS文件中，您可以阅读更多关于CSS体系结构的信息（对于Drupal 8），这将为您提供一个基本的想法。在我看来，您不必遵循任何硬性规定。但这取决于Visual studio中的examle和Drupal中的examle。但基本原理是一样的

• 核心CSS-规则只包括HTML元素的样式，例如在CSS重置或Normalize.CSS中使用的样式
• 布局-页面上元素的排列，包括网格系统
• 主题-纯粹的视觉样式，如边框、框阴影、颜色和背景、字体属性等

---

您可以将它们放在不同的CSS文件中，您可以阅读更多关于CSS体系结构的信息（对于Drupal 8），它将为您提供一个基本的想法

我在一个类似的框架（基于）上工作，在这个框架中，我们划分了布局和视觉样式。我们工作的区别如下：

任何与布局、位置、网格等有关的内容都在“布局”中。基本上，与长方体模型（高度、宽度、填充、边框等）相关的任何内容，加上浮动、位置和一些CSS3布局属性。

其他所有内容都是视觉样式，属于其他部分

---

我强烈推荐阅读，这是CSS样式指南的一个很好的起点。

我在一个类似的框架（基于）上工作，在这个框架中，我们划分了布局和视觉样式。我们工作的区别如下：

任何与布局、位置、网格等有关的内容都在“布局”中。基本上，与长方体模型（高度、宽度、填充、边框等）相关的任何内容，加上浮动、位置和一些CSS3布局属性。

其他所有内容都是视觉样式，属于其他部分

我强烈推荐阅读，这是CSS风格指南的良好起点