custom.css 和其他 css 文件有区别吗?
Is there a difference between custom.css and other css files?
将我所有的 CSS 放入 custom.css
和按控制器划分(例如,将所有与用户相关的 CSS 放入 user.css, 等等)?
将它分开更有条理,但我担心的是,如果我必须在每个 css 文件的顶部写上“@import "bootstrap";
”,我的应用程序可能会加载 bootstrap 分别为每个文件,从而可能会增加加载时间。
如有任何意见,我们将不胜感激!
如您所说,在不同的文件中添加 css 纯粹是为了组织目的。它没有功能差异。
但是,当你提到@import bootstrap 实现时,我建议不要在每个 css 文件中添加它,原因如上(因为你可能会遗漏某些东西或者你可以 link 两次)。如果您只是在模板 html 页面顶部(如果您使用模板)或 html 页面顶部(如果您未使用模板)添加引用 link , 它确保 bootstrap 每页加载一次(如果是单页应用程序,则每会话加载一次),因此您不必担心丢失 bootstrap 或不必要地多次加载它。
希望对您有所帮助!
我认为这是个人喜好问题。代码越多,调试或浏览文件时就越困难。对我来说,我通常将它们存储在 Css folder.
的根文件夹下,我也喜欢将它们分解而不是将 my bootstrap files
与我的 custom css
混合,但这就是我。
我还使用特定值拆分它,例如,如果我有一个特定浏览器的 css,我将它放在文件夹中,如 css/firefox/overrider.css
我认为这只是一个偏好问题。对于 import
,个人 css
会更好(如果我错了请纠正我)。在这里更好地解释:Import vs Link files
将我所有的 CSS 放入 custom.css
和按控制器划分(例如,将所有与用户相关的 CSS 放入 user.css, 等等)?
将它分开更有条理,但我担心的是,如果我必须在每个 css 文件的顶部写上“@import "bootstrap";
”,我的应用程序可能会加载 bootstrap 分别为每个文件,从而可能会增加加载时间。
如有任何意见,我们将不胜感激!
如您所说,在不同的文件中添加 css 纯粹是为了组织目的。它没有功能差异。
但是,当你提到@import bootstrap 实现时,我建议不要在每个 css 文件中添加它,原因如上(因为你可能会遗漏某些东西或者你可以 link 两次)。如果您只是在模板 html 页面顶部(如果您使用模板)或 html 页面顶部(如果您未使用模板)添加引用 link , 它确保 bootstrap 每页加载一次(如果是单页应用程序,则每会话加载一次),因此您不必担心丢失 bootstrap 或不必要地多次加载它。
希望对您有所帮助!
我认为这是个人喜好问题。代码越多,调试或浏览文件时就越困难。对我来说,我通常将它们存储在 Css folder.
的根文件夹下,我也喜欢将它们分解而不是将 my bootstrap files
与我的 custom css
混合,但这就是我。
我还使用特定值拆分它,例如,如果我有一个特定浏览器的 css,我将它放在文件夹中,如 css/firefox/overrider.css
我认为这只是一个偏好问题。对于 import
,个人 css
会更好(如果我错了请纠正我)。在这里更好地解释:Import vs Link files