当前位置: 首页 > 面试题库 >

单个巨大的.css文件与多个较小的特定.css文件?[关闭]

华永新
2023-03-14
问题内容

拥有一个单个的.css文件,其中包含几乎将在每个页面上使用的样式元素,这有什么好处?

我在想,为了便于管理,我想将不同类型的CSS提取到几个文件中,并在我的主文件中包含每个文件,<link />这很不好吗?

我觉得这更好

  1. positions.css
  2. button.css
  3. table.css
  4. copy.css

  1. site.css

您有没有看到一种相对于另一种方法的陷阱?


问题答案:

像Sass或LESS这样的CSS编译器是一种不错的选择。这样,您将能够为该站点提供一个最小化的CSS文件(它将比普通的单个CSS源文件小得多,并且运行速度更快),同时保持最佳的开发环境,并将所有内容整齐地分成组件。

Sass和LESS具有变量,嵌套和其他使CSS易于编写和维护的其他方式的优点。高度推荐。我现在个人使用Sass(SCSS语法),但是以前使用LESS。两者都很棒,具有相似的好处。用编译器编写CSS后,如果没有CSS,就不太可能想做。



 类似资料:
  • 问题内容: 我正在尝试通过合并和压缩CSS和JS文件来优化网站性能。考虑到我所面临的实际情况,我的问题更多地是关于如何实现这一(具体)步骤的(尽管在其他开发人员中也应该是典型的)。 我的页面引用了多个CSS和JS文件,如下所示: 对于生产版本,我想将3个CSS文件合并为一个,并使用例如将其最小化。但是,然后,我需要更新所有需要这3个文件的页面,以引用刚缩小的CSS。这似乎容易出错(例如,您要在许多

  • 我的问题是: > 如何使其与较大的文件一起工作? 有什么办法能让它快一点吗? 我的电脑有8GB的RAM,运行64位Windows 7,处理器是3.40GHz(不确定你需要什么信息)。

  • 问题内容: 如果我有两个CSS文件: 文件1: 档案2: 并将它们包含在页面中,哪一个优先?我猜是最后加载的那个吗?如果是这样,是否有办法确保最后加载哪个CSS文件? 问题答案: 在这种情况下,最后一个加载的(或如David指出的,更准确地 包括 最后一个)获胜。但是请注意,这是基于属性的,如果您加载具有不同属性的2个定义,则结果将是组合。如果属性同时出现在第一个属性和第二个属性中,则最后一个属性

  • 编辑原始问题以提供所有细节。 在web.xml中添加了以下内容: 在WEB-INF文件夹中创建了两个新文件wro.xml和wro.properties: wro.properties: wro.xml: 这里'resources'是里面的一个文件夹:src/main/webapp。 在/resources/skins/abc/文件夹中添加了一个文件testing.less: pom.xml文件包含

  • 问题内容: 我有如下gulp任务脚本, 如何将src / css中的所有css文件最小化为dist / css / style.min.css的单个文件? 问题答案: 您的gulp任务缺少concat管道。 这是有关使用gulp进行构建的很好的教程: http://www.smashingmagazine.com/2014/06/11/building-with- gulp/

  • 问题内容: 我正在使用ASP.NET MVC开发站点。CSS文件已增长到88KB,并且有5,000行多一点。我最近注意到,最后添加的样式在浏览器中不存在。CSS文件或行数有大小限制吗? 编辑 :对不起,我忘记提及此问题在Windows 7中同时在FireFox和IE8中发生。 问题答案: 我认为,如果您对CSS文件的大小有疑问,那么该是 重新考虑样式策略的时候了 。CSS中的C代表级联。通常,当C