Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用HTML链接CSS文件_Html_Css - Fatal编程技术网

用HTML链接CSS文件

用HTML链接CSS文件,html,css,Html,Css,我有一个HTML,它将引用CSS文件的风格。但HTML文件似乎无法找到CSS文件。我试过用一种简单的背景色,但似乎也不起作用 VOD.HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body>

我有一个HTML,它将引用CSS文件的风格。但HTML文件似乎无法找到CSS文件。我试过用一种简单的背景色,但似乎也不起作用

VOD.HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div>
<table>
<tr>
<td><b>All</b></td>
{% for item in VOD1 %}
<td>ID: {{ item[0] }} <br/> Title: {{ item[1] }}<br/>
<img src="{{ item[2] }}" alt="dummy.jpg"> </img>
</td>
{% endfor %}
</tr>
<tr>
<td><b>Catch Up</b></td>
{% for item in VOD2 %}
<td>ID: {{ item[0] }} <br/> Title: {{ item[1] }}<br/>
<img src="{{ item[2] }}" alt="dummy.jpg"> </img>
</td>
{% endfor %}
</tr>
</table>
</div>
</body>
</html>

全部的
{VOD1%中项目的%1}
ID:{{item[0]}}
标题:{{{item[1]}}
{%endfor%} 赶上进度 {VOD2%中的项目的%1} ID:{{item[0]}}
标题:{{{item[1]}}
{%endfor%}
我的CSS文件如下

mystyle.css

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: black;
}
.myStyle{
height: 50px;
width:50px;
}

td{
height: 100px;
width: 100px;
}

h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
</html>

身体{
背景色:黑色;
}
myStyle先生{
高度:50px;
宽度:50px;
}
运输署{
高度:100px;
宽度:100px;
}
h1{
颜色:栗色;
左边距:40px;
}

有人能帮我吗?我对这个HTML和CSS文件没有太多经验。

你的CSS文件应该包含CSS,只是CSS,除了CSS什么都没有。它不应该是HTML文档

删除除以下内容以外的所有内容:

body {
background-color: black;
}
.myStyle{
height: 50px;
width:50px;
}

td{
height: 100px;
width: 100px;
}

h1 {
color: maroon;
margin-left: 40px;
}

你的CSS文件应该包含CSS,只是CSS,除了CSS什么都没有。它不应该是HTML文档

删除除以下内容以外的所有内容:

body {
background-color: black;
}
.myStyle{
height: 50px;
width:50px;
}

td{
height: 100px;
width: 100px;
}

h1 {
color: maroon;
margin-left: 40px;
}

你不必把下面的行放在CSS文件中,这是HTML(不是CSS语言)


你不必把下面的行放在CSS文件中,这是HTML(不是CSS语言)


css文件是一种特殊类型的文件,可以用作html的某种“插入”。因为它不是一个.html文件,所以不需要html标记,而html标记实际上会使文件无法工作。相反,只要把

body {
background-color: black;
}
.myStyle{
height: 50px;
width:50px;
}

td{
height: 100px;
width: 100px;
}

h1 {
color: maroon;
margin-left: 40px;
}

等等。请阅读此处的更多信息:

css文件是一种特殊类型的文件,可以用作html的某种“插入”。因为它不是一个.html文件,所以不需要html标记,而html标记实际上会使文件无法工作。相反,只要把

body {
background-color: black;
}
.myStyle{
height: 50px;
width:50px;
}

td{
height: 100px;
width: 100px;
}

h1 {
color: maroon;
margin-left: 40px;
}


等等。在这里阅读更多信息:

你的CSS不应该包含
或任何html标记,它应该是
body{}…
不要忘记自动关闭你的元标记<代码>应该变成
您不能在css文件中使用html标记。只使用css
body{背景色:黑色;}.myStyle{高度:50px;宽度:50px;}
@santossingh-不,不应该。
/
除了让那些沉迷于XML的人和语法高明者感觉更好之外,没有任何作用。你的CSS不应该包含
或任何html标记,它应该是
主体{}…
别忘了自我关闭你的元标记<代码>应该变成
您不能在css文件中使用html标记。只使用css
body{背景色:黑色;}.myStyle{高度:50px;宽度:50px;}
@santossingh-不,不应该。
/
除了让那些沉迷于XML的人和语法高明者感觉更好之外,没有任何作用。我参考了一个网站并更改了代码。即使你附上了一个,我也看不到背景颜色的变化。@Roshanr-你提供的代码没有其他明显的错误。如果不是因为您将HTML填充到CSS文件中,那么您可能只是在
href
中输入了错误的URL。。它现在起作用了。HTML文件和CSS在同一个文件夹中。但正如卢卡所提到的,当我点击链接时,浏览器正在搜索一个CSS文件,其级别仅高于此级别。将CSS文件替换到一个级别以上解决了这个问题。谢谢大家。实际上我没有用那些HTML标签。我参考了一个网站并更改了代码。即使你附上了一个,我也看不到背景颜色的变化。@Roshanr-你提供的代码没有其他明显的错误。如果不是因为您将HTML填充到CSS文件中,那么您可能只是在
href
中输入了错误的URL。。它现在起作用了。HTML文件和CSS在同一个文件夹中。但正如卢卡所提到的,当我点击链接时,浏览器正在搜索一个CSS文件,其级别仅高于此级别。将CSS文件替换到一个级别以上解决了这个问题。谢谢大家。实际上我没有用那些HTML标签。我参考了一个网站。即使没有这些标签,我也无法正常工作。你确定.html和.css文件在同一个文件夹中吗?现在看来这是一个坏网址的问题。尝试按CTRL+U快捷键打开源代码窗口,找到调用.css文件的html行,您应该会像看到链接一样看到该文件。试着点击它。通过这种方式,您可以知道浏览器是否查找.css文件(在本例中,路径不正确)@Roshanr,当您使用它时,这意味着css仅用于该页面。不要忘记设置文件扩展名.css,并确保您的
指向正确的文件。@Luca。。我可以看到,单击源代码中的链接不会加载css文件。是的,两个都在同一个文件夹里。。它现在起作用了。HTML文件和CSS在同一个文件夹中。但正如卢卡所提到的,当我点击链接时,浏览器正在搜索一个CSS文件,其级别仅高于此级别。将CSS文件替换到一个级别以上解决了这个问题。谢谢Luca调试它。实际上我没有使用那些HTML标记。我参考了一个网站。即使没有这些标签,我也无法正常工作。你确定.html和.css文件在同一个文件夹中吗?现在看来这是一个坏网址的问题。尝试按CTRL+U快捷键打开源代码窗口,找到调用.css文件的html行,您应该会像看到链接一样看到该文件。试着点击它。通过这种方式,您可以知道浏览器是否查找.css文件(在本例中,路径不正确)@Roshanr,当您使用它时,这意味着css仅用于该页面。不要忘记设置文件扩展名.css,并确保您的
指向正确的文件。@Luca。。我可以看到,单击源代码中的链接不会加载css文件。是的,两个都在同一个文件夹里。。它现在起作用了。HTML文件和CSS在同一个文件夹中。但正如卢卡所提到的,当我点击链接时,浏览器正在搜索一个CSS文件,其级别仅高于此级别。将CSS文件替换到一个级别以上解决了这个问题。谢谢