一尘不染

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

css

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

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

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


阅读 330

收藏
2020-05-16

共1个答案

一尘不染

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

1.内联CSS

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

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

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

2.嵌入式CSS

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

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

3.外部CSS

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

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

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

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

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

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

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

2020-05-16