链接外部样式表(HTML)

时间:2015-09-25 08:01:01

标签: html css

我正在构建我的第一个网站,并且我正在尝试附加外部css文件...

我的index.htmltest.css都位于完全相同的文件夹/目录中,但出于某种原因我的test.css文件未被链接...

问题:有谁知道为什么test.css没有链接?

// HTML(index.html)

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" media="screen" href="test.css">
    <title>Page Title</title>
</head>
<body>
    <h1>header of type 1</h1>
    <p>standard paragraph</p>
    <hr>
    <p>HTML stands for Hyper Text Markup Language</p>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

无需担心,您的css代码没有任何问题。 您只需要确保样式表链接的“href”部分包含您要包含的文件的名称,在您的情况下将是:

href="CSS Test.css"

Windows默认会隐藏文件扩展名,因此请确保在第二次添加扩展名后,您的文件实际上并未被称为“CSS Test.css.css”。要显示所有文件扩展名,请执行以下操作:

  

单击“开始”按钮“开始”按钮的图片,再依次单击“控制面板”,“外观和个性化”,然后单击“文件夹选项”,打开“文件夹选项”。

     

单击“查看”选项卡,然后在“高级设置”下,清除“隐藏已知文件类型的扩展名”复选框,然后单击“确定”。

答案 1 :(得分:0)

好的,谢谢你的所有快速反应,我已经清理了我的风格,感谢两个回复,我有点找到解决方案。我认为“user5375312”与.css.css的想法在正确的轨道上,通过添加.css我以某种方式添加它两次。我不认为这是“完全”发生了什么,但是通过创建一个新的css文件,当我创建它时.css我也取消选中了“隐藏扩展”框,它显示了一个.txt,使我的最终文件“Test.css 。文本” 我删除了.txt只保留.css,将文件保存到同一位置,更新了我的页面和加载的css文件。

我仍然不确定究竟出了什么问题或在哪里,但我知道这是在我创建文件的时候.txt以某种方式仍然存在时,以前的文件被覆盖或删除(创建css文件的独特之处)也许)或者是在我制作文件之后,其他一些设置导致它,但取消选中隐藏扩展框并确保正确保存解决了问题,我希望如果有其他人遇到这个问题有帮助。

再次感谢你们的回复,我可能已经过了几天才想到这一点,我可能会提到.css.css的可能性让我注意到我的第四次尝试制作一个css档案:D