有没有一个正确的方式来布局我的CSS?
这是我的第一篇帖子,如果我做错了什么,请原谅。我的问题是我应该如何布局我的CSS文件?只是好奇看看是否有一个“正确的方式”CSS应该写。谢谢 您可以缩进css。或者在项目结束时将其最小化。 你可以使用很多网站来帮助你做到这一点有没有一个正确的方式来布局我的CSS?,css,Css,这是我的第一篇帖子,如果我做错了什么,请原谅。我的问题是我应该如何布局我的CSS文件?只是好奇看看是否有一个“正确的方式”CSS应该写。谢谢 您可以缩进css。或者在项目结束时将其最小化。 你可以使用很多网站来帮助你做到这一点 CSS应按特定性排列 ID比类更具体,类比标记更具体。因此,您希望在工作表顶部显示常规标记样式,然后显示类和ID p{} .p{} #p{} 在大型项目中,您还可以根据自己的喜好,将CSS样式分为不同的页面,以便于其他人阅读您的代码 CSS是不区分空格的,所以它的制表符不
CSS应按特定性排列 ID比类更具体,类比标记更具体。因此,您希望在工作表顶部显示常规标记样式,然后显示类和ID
p{}
.p{}
#p{}
在大型项目中,您还可以根据自己的喜好,将CSS样式分为不同的页面,以便于其他人阅读您的代码
CSS是不区分空格的,所以它的制表符不会使编译发生变化,但当然,制表符是常见的做法
许多程序员还遵循很多其他规则,但大多数规则都是固执己见的,因此您需要采取一种有效的方式来布局CSS。即使是我所说的规则,如果不使用,也不会“破坏”你的CSS,但它们往往会减少问题的发生。进一步研究这个主题,并尝试采用一套规则来遵循和保持一致。了解浏览器如何解析CSS和呈现网站是编写更高效代码的重要第一步 有四种键选择器:ID、class、tag和universal。它们的效率也是如此
#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
和是两种流行的方法。