为什么我的HTML没有正确链接我的CSS?使用html5up.com中的Prologue模板...在我的主目录中(我指的是index.html所在的位置)我为我想要显示的不同产品创建了一个子文件夹。此文件夹包含一些文件:125st.html
,125stmain.css
和Dreamweaver创建的名为_notes
的文件夹。以下是125st.html中应该链接到125stmain.css的代码:
<link rel="stylesheet" href="products/125st/125stmain.css" />
当我访问shercousa.com/products/125st/125st.html
时(它不会对你有用,我只是欺骗了hosts文件来进行本地保存,而不是在我工作时访问实时网站)它只显示没有CSS的HTML 。我刚刚从index.html
文件(可以工作)复制了这一行,并更改了文件夹以尝试将其指向我创建的CSS克隆。如果这不起作用,我尝试复制并粘贴在主站点上工作的原始行逐字,但在125st.html
中链接时仍然根本不加载任何CSS。如果我有点难以理解,我有点新意见。如果有人需要,我可以详细说明或发布更多代码。
编辑:我的图片也没有加载,即使是在html文件中链接的图片。
答案 0 :(得分:1)
如果我没错,这有一个简单的解决方案。
如果您使用 host / products / 125st / 125st.html 并以这种方式链接CSS:
<link rel="stylesheet" href="products/125st/125stmain.css" />
正在发生的事情是你的文件215st.html试图找到: host / products / 125st / 125st.html / products7125st / 125stmain.css
所以你可以用这两种方式链接你的CSS:
<link rel="stylesheet" href="/products/125st/125stmain.css" />
或
<link rel="stylesheet" href="125stmain.css" />
我希望这适合你:) 抱歉我的英语!
答案 1 :(得分:0)
<link rel="stylesheet" href="/products/125st/125stmain.css" />