这就是你的CSS样式表的结构吗?

/************************* *全球的* *************************/

/*所有常见的东西都放在适当的副标题下*/

/*文本格式*/

/*表单格式*/

*布局* *************************/

/*标题*/

/*右侧边栏*/

/*页脚*/

/************************* *航行*

/*我将导航与布局分开,因为在它们的子标题下可以有许多导航点*/

/*主(水平)导航*/

/*右导航*/

/*面包屑导航*/

/************************* *形式*

/*与常用格式不同的任何表单格式,如果有多个不同格式的表单,则使用子标题*/

/************************* *桌子* *************************/

/*和表格一样*/

*************************/

/*和表格和表格一样*/

*************************/

/*特定页面的任何特定格式,按页面的子标题分组,方式与表单、表格和列表相同*/

/************************* *************************/

/*这适用于可应用于任何页面上任何元素的任何特殊格式,并使其覆盖该项的常规格式。例如,这可能包括以下内容:*/

.float-right { float: right; }
.float-left { float: left; }
.float-center { margin-left: auto; margin-right: auto; }
.clear { clear: both }
.clear-block { display: block }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { border-bottom: 1px solid }
.nopadding { padding: 0 }
.nobullet { list-style: none; list-style-image: none }

希望有帮助。

我一般不建议像那样写一行字,或者像亚当所贴的链接中所建议的那样,如果写得太长,就很难略过。对于上面的例子,用这种方式键入它们会更快,所以我不必每行缩进。

对于格式,我建议使用以下结构:

.class {
    width: 200px;
    height: 200px;
    border: 1px solid #000000;
}

以此类推,我把类或ID的结构放在顶部,然后是其他格式,比如字体等等。使浏览变得非常快速和清晰。

任何对你有意义的事情都足够好。坦白地说,当其他人在你的样式表中寻找某样东西时——或者当你在寻找某样东西时——他们不会试图弄清楚你的组织结构是什么。他们只需要搜索他们需要看到的任何类或元素。所以,只要你通常把相关的东西放在一起,并用@Matt suggestions之类的评论把它们分开,你就没事了。

我以与你类似的方式组织CSS,但我确实从重置部分开始。主要思想是从一般到具体。下面是:

• 
  
• 结构
  
• 
  
• 航行
  
• 
  
• 错误消息-这是我的最后一部分

你介绍的结构正是我使用的。然而,在我看来,随着新规则的出现和相互凌驾,它似乎变得太复杂了。。。也许我应该试着坚持亚当提出的解决方案。

似乎每次我创建一个新的css文件时,我都会找到一种新的方法来组织它。它们都比以前的好。