custom.css和其他css文件之间有区别吗?

时间:2015-01-13 13:33:09

标签: css twitter-bootstrap sass

将我的所有CSS放入custom.css并将其除以控制器(例如,将所有与用户相关的CSS放入user.css等)之间是否存在明显差异?

将它划分得更有条理,但我有一个问题是,如果我必须写' @import "bootstrap";'在每个css文件的顶部,我的应用程序可能会为每个文件单独加载引导程序,从而可能会增加加载时间。

任何意见都会受到赞赏!

2 个答案:

答案 0 :(得分:1)

正如您所说,在不同文件中添加css纯粹是出于组织目的。它没有功能差异。

但是,当你引用@import引导程序实现时,我建议不要在每个css文件中添加它,原因如上所述(因为你可能会遗漏某些东西或者你可以将它链接两次)。如果您只是在模板html页面的顶部添加引用链接(如果您使用的话)或在html页面的顶部(如果您没有使用),则可确保每页加载一次引导程序(或每个会话一次,如果它是一个单页应用程序)所以你不必担心丢失bootstrap或不必要地多次加载它。

希望这有帮助!

答案 1 :(得分:0)

我认为这是个人喜好的问题。代码越多,调试或浏览文件时遇到的困难就越大。对我来说,我通常将它们存储在Css folder.的根文件夹下,我也喜欢将它们分解,而不是将my bootstrap filescustom css混合,但那只是我。 我也使用特定值分割它,例如,如果我有一个特定浏览器的CSS,我把它放在文件夹中css/firefox/overrider.css

我认为这只是一个偏好问题。对于import,个人css会更好(如果我错了,请纠正我)。这里有更好的解释:Import vs Link files