有没有正确的方法来布局我的CSS？

Question

这是我的第一篇文章，请原谅我，如果我做错了什么。我的问题是我应该如何布局我的CSS文件？只是想知道是否应该写一个“正确的方法”CSS。谢谢！

Answer 1

了解浏览器解析CSS和呈现网站的方式是编写更高效代码的重要第一步。

有四种键选择器： ID，类，标记和通用。它们的效率是相同的顺序。

#main-navigation {   }      /* ID (Fastest) */
body.home #page-wrap {   }  /* ID */
.main-navigation {   }      /* Class */
ul li a.current {   }       /* Class *
ul {   }                    /* Tag */
ul li a {  }                /* Tag */
* {   }                     /* Universal (Slowest) */
#content [title='home']     /* Universal */

您可以参考以下文章来编写更高效的CSS

Efficiently rendering css

Writing efficient css selectors

Answer 2

你可以缩进你的CSS。或者在项目结束时将其最小化。 您可以使用大量可以帮助您完成此任务的网站。

That's an example - CleanCSS

Answer 3

CSS应该按特定方式进行布局。

ID比比标签更具体的类更具体。因此，您需要在工作表顶部使用常规标记样式，然后是类和ID。

p { }

.p { }

#p { }

在大型项目中，您也可以将CSS样式分成不同的表格，以便其他人更轻松地阅读您的代码。

CSS对空格不敏感，因此选项卡不会使编译发生变化，但选择标签当然是常见做法。

许多程序员遵循许多其他规则，但是大多数规则都是固执己见的，因此您需要采用有效的方式来布局CSS。即使我所说的规则也不会打破＆＃34;如果不使用你的CSS，但它们往往有助于减少问题。进一步研究这个主题，并尝试采用一套遵循的规则并与之保持一致。