我无法链接到外部css文件

时间:2017-01-26 18:59:22

标签: css

嗨,我是学习HTML和CSS的新手,并且一直在努力解决这个问题。我无法链接到一个永久的CSS文件,它只是在我的网络主机上测试时不会工作,我确定文件名是正确的,并且当本地托管时css工作正常。它被保存为" test.css"并且与" index.html"位于同一文件夹中文件。

这是我的HTML -

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="test.css">
  </head>   
<body>          
  <p>This is some text</p>      
</body>
</html>

这是我的CSS

<style type="text/css"> 
  p {background-color: blue;}
</style>

非常感谢任何帮助!

3 个答案:

答案 0 :(得分:1)

两件事......

1)从标题

中删除</style>
<head>

    <link rel="stylesheet" type="text/css" href="test.css">

</head> 

2)并从css文件中删除<style>标签

p {
  background-color: blue; 
}

答案 1 :(得分:0)

无需在您的css文件中包含<style type="text/css">。删除它,然后放入:

p {
  background-color: blue; 
}

您放置<style type="text/css">的唯一时间是将您的css直接放入HTML文件中。

答案 2 :(得分:0)

在您的CSS中,您无需将代码包装在<style>标记中,这只在HTML中是必需的。

也不确定为什么</style>标记下方有一个结束<link>标记。目前,文档的头部没有内联样式。

<!DOCTYPE html>
    <link rel="stylesheet" type="text/css" href="test.css">

    </style>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

</head>