嗨,我是学习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>
非常感谢任何帮助!
答案 0 :(得分:1)
</style>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<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>