gpt4 book ai didi

html - 链接到 CSS 样式表

转载 作者:太空宇宙 更新时间:2023-11-04 03:51:38 26 4
gpt4 key购买 nike

我是 html 的新手,绝对是 CSS 的新手。我正在学习使用 CSS、XHTML 和 JavaScript 创建网站基础这本书,我知道在提出这个问题时这本书已经过时了,但仍然希望我能帮助很多人。这是我的标记:

 <head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="C:\Users\Kevin Turner\Desktop\html\indexcss.css" rel="stylesheet" type="text/css"/>
</head>

为什么我的样式表没有链接?我可以建立这个链接吗?我应该怎么办?我相信它可以在 Chrome 中运行,但不能在 IE 或 Firefox 中运行,也许你也可以帮助我理解这一点。

谢谢,凯文

最佳答案

不要使用 C:\Users\Kevin Turner\Desktop\html\indexcss.css .这不是正确的 URL。通常您会使用相对 URL 路径。如果包含 css 的文件在同一目录中,只需写入文件名即可。

如果文件与您的 html 文件位于同一目录(文件夹)中,这应该有效:

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="indexcss.css" rel="stylesheet" type="text/css"/>
</head>

解释什么是relative URL path是的,假设你有一个像这样的文件夹结构:

 --- html/
----- index.html
----- css/
------- maincss.css

并且您想包括 maincss.css -文件在你的index.html .那你会做 <link rel="stylesheet" type="text/css" href="css/maincss.css" /> .因为maincss.csscss/目录(文件夹),相对于您所在的目录 ( html/ )。


您可以使用 file:///c:/Users/Kevin%20Turner/Desktop/html/indexcss.css Source .但如果 css 文件位于您加载页面的计算机上!


所以。如果 CSS 文件与包含它的文件位于同一目录中(可能是 index.html ),您的代码将是:

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="indexcss.css" rel="stylesheet" type="text/css"/>
</head>

另一个是 file:/// URI 和文件位于加载 html 页面的计算机上,看起来像

<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>Welcome to Papa Pepperoncini's</title>
<link href="file:///c:/Users/Kevin%20Turner/Desktop/html/indexcss.css" rel="stylesheet" type="text/css"/>
</head>

关于html - 链接到 CSS 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23312491/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com