使用 HTTP:// 或本地路径链接到外部样式表答案

【问题标题】：Linking to External Stylesheets with HTTP:// or local path使用 HTTP:// 或本地路径链接到外部样式表
【发布时间】：2010-10-25 01:50:20
【问题描述】：

各有什么优缺点？有区别吗？

HTML 中的 CSS 样式表。

【问题讨论】：

可能重复 [为什么一些专业的网页设计师使用绝对路径而不是相对路径（例如 CSS、Javascript、图像等）？ ](stackoverflow.com/questions/3402155/…)

标签： html css external local stylesheet

【解决方案1】：

我假设你问的是你应该使用哪一个：

<link rel="stylesheet" type="text/css" href="/file.css" />
<link rel="stylesheet" type="text/css" href="http://example.com/file.css" />

两者的区别在于前者称为相对路径，而后者称为绝对路径。

如果有问题的 HTML 页面是 http://example.com/page.html，那么实际上没有区别。但是，如果页面是http<b><i>s</i></b>://example.com/page.html（受SSL 保护），您会发现现在有一个非常重要的区别。在安全页面上，许多浏览器不会加载未安全提供的内容。如果您使用绝对路径链接 CSS 文件，则无法安全地提供该文件，因此您的样式表可能无法加载。

除非您有非常具体的理由绝对链接您的 CSS，否则您希望使用相对路径。

【讨论】：

【解决方案2】：

当使用 http://...（绝对路径）时，您需要在将页面移动到新域时更改它（如果您不使用 PHP 动态生成它）

使用相对路径是最好的方法

无法使用本地路径，因为 CSS 文件是由主机/用户浏览器请求的，而不是在服务器上

【讨论】：

【解决方案3】：

开始使用内联和嵌入 style="" 或在标题中放置一些样式定义很好，但是一旦项目超过两页，这只是因为最终需要更多工作。

【讨论】：

完全没问问题
哈哈，是的。我不知道我是怎么读的。我应该给自己减分。