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

Html 使用HTTP://或本地路径链接到外部样式表,html,css,external,local,stylesheet,Html,Css,External,Local,Stylesheet,每种方法的优缺点是什么?有区别吗 HTML中的CSS样式表。使用时http://... (绝对路径)当您将页面移动到新域时,您需要更改它(如果您不使用PHP动态生成它) 使用相对路径是imho的最佳方式 无法使用本地路径,因为CSS文件是由主机/uests浏览器请求的,使用时不在服务器上http://... (绝对路径)当您将页面移动到新域时,您需要更改它(如果您不使用PHP动态生成它) 使用相对路径是imho的最佳方式 使用本地路径是不可能的,因为CSS文件是由主机/uests浏览器请求的,而

每种方法的优缺点是什么?有区别吗

HTML中的CSS样式表。

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

使用相对路径是imho的最佳方式

无法使用本地路径,因为CSS文件是由主机/uests浏览器请求的,使用时不在服务器上http://... (绝对路径)当您将页面移动到新域时,您需要更改它(如果您不使用PHP动态生成它)

使用相对路径是imho的最佳方式


使用本地路径是不可能的,因为CSS文件是由主机/uests浏览器请求的,而不是在服务器上

开始使用内嵌的
style=“”
或在标题中添加一些样式定义,但是,一旦一个项目超过两页,这仅仅是因为最后会有更多的工作。

开始使用内联和嵌入式
style=“”
或在标题中添加一些样式定义是很好的,但是一旦一个项目超过两页,这仅仅是因为最后会有更多的工作。

我想你会问你应该使用以下哪一个:

<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
,则实际上没有区别。但是,如果页面是
https://example.com/page.html
(SSL安全),您会发现现在有一个非常重要的区别。在一个安全的页面上,许多浏览器将不会加载同样不安全的内容。如果您已将CSS文件链接到绝对路径,则无法安全地提供该路径,因此可能无法加载样式表


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

我想您会问应该使用以下哪种路径:

<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
,则实际上没有区别。但是,如果页面是
https://example.com/page.html
(SSL安全),您会发现现在有一个非常重要的区别。在一个安全的页面上,许多浏览器将不会加载同样不安全的内容。如果您已将CSS文件链接到绝对路径,则无法安全地提供该路径,因此可能无法加载样式表


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

可能重复的[为什么一些专业网页设计师使用绝对路径而不是相对路径(例如CSS、Javascript、图像等)]()可能重复的[为什么一些专业网页设计师使用绝对路径而不是相对路径(例如CSS、Javascript、图像等)?()这完全忽略了问题哈哈,是的。我不确定我是如何理解的。我应该给自己减分。这完全忽略了问题哈哈,是的。我不确定我是如何理解的。我应该给自己减分。