Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有一个正确的方式来布局我的CSS?_Css - Fatal编程技术网

有没有一个正确的方式来布局我的CSS?

有没有一个正确的方式来布局我的CSS?,css,Css,这是我的第一篇帖子,如果我做错了什么,请原谅。我的问题是我应该如何布局我的CSS文件?只是好奇看看是否有一个“正确的方式”CSS应该写。谢谢 您可以缩进css。或者在项目结束时将其最小化。 你可以使用很多网站来帮助你做到这一点 CSS应按特定性排列 ID比类更具体,类比标记更具体。因此,您希望在工作表顶部显示常规标记样式,然后显示类和ID p{} .p{} #p{} 在大型项目中,您还可以根据自己的喜好,将CSS样式分为不同的页面,以便于其他人阅读您的代码 CSS是不区分空格的,所以它的制表符不

这是我的第一篇帖子,如果我做错了什么,请原谅。我的问题是我应该如何布局我的CSS文件?只是好奇看看是否有一个“正确的方式”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

和是两种流行的方法。