我是 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.css在css/目录(文件夹)，相对于您所在的目录 ( 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/