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

比较内联,嵌入式和从外部文件加载CSS

诸经略
2023-03-14
问题内容

我们可以将CSS编写为以下类型:

  1. 内联CSS
  2. 嵌入式CSS
  3. 外部CSS

我想知道每种方法的优缺点。


问题答案:

正如我所看到的,这都是关于在管线中需要CSS的位置。

1.内联CSS

优点: 非常适合快速修复/原型制作和简单测试,而无需在.css文档和实际HTML文件之间来回切换。

优点: 由于可能的垃圾邮件/滥用行为,许多电子邮件客户端不允许使用外部.css引用。嵌入可能会有所帮助。

缺点: 填满HTML空间/占用带宽,整个页面无法重用-甚至IFRAMES。

2.嵌入式CSS

优点: 与上述原型相同,但是在完成模板后,更容易从最终原型中剪裁并放入外部文件中。

缺点: 某些电子邮件客户端不允许[head]中使用样式,因为大多数Webmail客户端都删除了head-tags。

3.外部CSS

优点: 易于维护并且可以在多个页面上跨网站重复使用。

优点:可 缓存=较少的带宽=第二页加载后页面呈现速度更快

优点: 可以将包含.css的外部文件托管在CDN上,从而使托管HTML页面的防火墙/网络服务器(如果位于其他主机上)的请求较少。

优点:可
编译,您可以自动从最终版本中删除所有未使用的空间,就像jQuery具有开发人员版本和压缩版本一样=更快的下载=更快的用户体验+更少的带宽使用=更快的互联网!(我们喜欢!!!)

缺点: 通常从HTML邮件中删除=凌乱的HTML布局。

缺点: 每个文件发出一个额外的HTTP请求=防火墙/路由器中使用了更多资源。

我希望您可以使用其中的一些?



 类似资料:
  • 本文向大家介绍async和DOM Script文件加载比较,包括了async和DOM Script文件加载比较的使用技巧和注意事项,需要的朋友参考一下 目前我用demo.js作为执行文件操作.代码: 用sleep.php作为请求文件操作。代码: 1. 一般script标签加载 在浏览器加载情况: 图1-1. 下载阻塞DomReady 图1-2. 执行阻塞DomReady 图1-1. 下载阻塞Dom

  • 问题内容: 是否可以通过内联CSS加载外部字体? 注意:我 不是 在谈论使用带有定义的外部CSS文件,而是类似以下内容: 问题答案: 是否可以使用内嵌CSS加载外部字体?不适用于外部CSS文件[....]。 是的,您可以按照Stephen Scaff的本文中的文章所示对base64字体进行编码,然后将其放到页面的块中,以避免外部请求。 也可以按照您所描述的浏览器是否支持的方式使用此技术。 每个现代

  • 我正在开发一个Spring Boot应用程序。我想提供一个(相当初级的)插件系统。最初,我希望只将JAR添加到类路径中就足够了,如下所示: 此外,如果我尝试在插件控制器中一个JpaRepository,它会失败,因为它找不到存储库接口类(我猜这是因为我乱弄类加载器引起的问题)。 不过,在我的主应用程序中自动创建存储库就可以很好地工作,因此它的配置不应该是一个问题。 是不是我做错了什么?我是否可以配

  • 问题内容: 我打算开发一个小型(Java)应用程序来管理我的财务。我相信我需要使用嵌入式数据库,但是我没有关于此问题的经验。我试图查看一些可用的产品,但是我无法确定哪种产品更适合我。H2,HSQLDB,Derby和Berkeley DB似乎是不错的候选者,但是我仍然看不到它们之间的比较。感谢您的比较,并帮助我决定使用哪个。 我打算将Hibernate用于我的应用程序(除非您建议使用DBMS提供的A

  • 我正在尝试加载一个“WAR”文件到Spring Boot的嵌入式tomcat服务器。为此,我找到了这样的答案:Spring Boot:如何向嵌入式Tomcat添加另一个WAR文件? 但是在我这样做之后,我发现在这个问题上已经问过的错误:用嵌入的Tomcat部署现有的war,但是没有一个满意的答案。 注意:我知道这是一个重复的问题(我把链接),但当时没有足够的声誉添加一个评论,或能力与作者私下联系,

  • 本文向大家介绍SpringBoot内部外部配置文件加载顺序解析,包括了SpringBoot内部外部配置文件加载顺序解析的使用技巧和注意事项,需要的朋友参考一下 内部配置加载顺序 SpringBoot 启动会扫描以下位置的application.properties或者application.yml文件作为Spring boot的默认配置文件 –file:./config/ –file:./ –cl