我应该在哪里放css

时间:2014-08-08 18:42:55

标签: html css

我正在创建一个网站,并且各个页面之间的样式经常变化。所以我所拥有的是具有相同标题,相同页脚和不正常体型的页面图像。我从页眉和页脚开始,并使用标题中链接的单个css文件。

问题是,正如我所做的那样,我一直在向css页面添加css。我现在有1600行css,我没有完成。我评论一切都很好,但我必须使用ctrl-f来找到我需要改变的元素。

现在,我可以将它们分成不同的文件,并有一个带有10个链接样式表的标题,但我不知道这是否是"正确"要做的事。我最好只拥有一个大文件?多个链接的css文件是否存在性能问题?或者内联样式是更好的答案?

2 个答案:

答案 0 :(得分:2)

我一直选择使用单个文件,但根据CSS的组织,将其分解为多个可能更容易。在一天结束时,没有一个正确的答案。这取决于具体情况和开发人员的偏好。我会说无论你做什么,都要保持一致。

答案 1 :(得分:1)

分离样式表是完全可以接受的,由您自己决定。无论如何,您可以为基本样式执行一个样式表,并根据需要为任何自定义部分执行一个stylesheeet。

你不想为标题做一个自定义样式表,而为页脚等做一个自定义样式表。我不认为这是一个好主意,用内容分隔它们,而不是用html标签分隔。

如果你有机会,发布网站链接,以便我们可以看一下这些风格。

如何执行此操作只是包含主索引文件中的每个样式表,或者加载文件的位置,如下所示..

<head>
<link rel="stylesheet" type="text/css" href="base.css">
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="gallery.css">
</head>

编辑:

我应该提一下,请注意,如果你不小心或故意覆盖任何款式,你加载它们的订单很重要。
比如说你在第一张纸上装了一个体型,在这种情况下是theme.css,然后如果你在gallery.css中有不同的体型,它会覆盖它。所以除非你打算,否则不要做任何覆盖。

覆盖是获得更多控制权的好方法,例如,如果首先包含bootstrap.css,之后包含theme.css,请覆盖您要自定义的任何引导程序样式。你可以将这些样式单独留在bootstrap.css上从不接触它们,然后在theme.css上添加一个重复的样式名称,并更改其一个或多个属性来覆盖它。这就是为什么按顺序加载它们很重要的原因。因此,如果你把东西分开,请注意加载它们的顺序。

最好先放置您的主要和最重要的样式表,然后在自定义后覆盖您需要的任何内容。