我是比较新的CSS，但我似乎已经拿到了语言相当不错的新手。 然而，尽管许多我已阅读往往教程警告“组织和正常组织你的样式表”（我可以肯定明白为什么现在我已经创造了一些相当长的样式表我自己）我不能为我的生活中找到有关的任何信息用于styleheet或布局，使得后来人类阅读容易的逻辑图案标准化格式。
例如，创建我的页面（标题，ROW1，ROW2，第一条等）的每一个“地理”部分的注释括号括起来的部分，让各种风格的那些评论的边界内的部分？ 这个问题似乎是，当我有风格的其他部分是那些获得重新使用 - 并把他们下页宽样式的部分则抵消了由部分都将它们分组的目的。 同样，通过基于分组的文本样式，布局样式等构建我的样式表似乎更加混乱。
是否有一个“好的做法”？ 我知道这听起来很愚蠢，但似乎无论你用HTML和CSS有人做准备告诉你的错，是不好的做法或unsemantic，我感到困惑。 我想我的代码是我的工作的情况下，雇主要检查它在未来的一个很好的例子。
我从来没有真正教的，不过，我可以让你知道我是如何组织我的CSS文件。 至于你说的，我喜欢把它划分成“地理”的领域...即适用于头部，侧杆，主要内容，页脚，等再规则，下面这些我添加非常具体的规则，说如果我需要的风格形式或特定页面上表中。 最后，我在底部的“常规格宾斯”部分添加的时候我再补充一点可以普遍适用的通用规则。
哦，是的，我也喜欢设计师的调色板添加到顶部为快速参考。
例如...
/*
PALETTE:
dark grey : #555555;
pink : #d93575;
*/
/* HEADER */
#header {...}
#header ul {...}
/* SIDE BAR */
#side {...}
#side ul {....}
/* CONTENT */
#content{...}
#content p {....}
/* FOOTER */
#footer{...}
#footer div {....}
/* FORMS */
form {...}
input {...}
/* GENERAL GUBBINS */
.center {...}
strong {...}
floatleft {...}
这些人劝你“用组织自上而下的结构样式表”（ http://net.tutsplus.com/tutorials/html-css-techniques/30-css-best-practices-for-beginners/ ）。 我经常使用多个样式表。 在MVC例如 - 你可以在每个视图基础reactor进行注册的风格。 这样，你可以把特定视图样式在一个特定的样式表，而不是与你的“共享”或“布局”一搞乱。
