Question

当我尝试在w3c上验证我的CSS代码时，它给了我这些错误，如果已经有人问过这个错误，但我似乎无法找到答案。有些错误已修复，但这些仍然存在。

Parse Error <html> <head> > <title>style2.CSS</title> </head> <body> html{ background-image: url(headerimg.jpg);    }

130分析错误

<head>
    <meta http-equiv="content-type";content="text/html";charset="UTF-8"/>

    <title>style2.CSS</title>

</head>

<body>

html{
background-image: url(headerimg.jpg);   


}
header{

background-image: url(headerimg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size:1000px 150px;


}

body{

background-image:url(bg.jpg);
padding-left:175px;
padding-right:175px;
width:940px;
}



#text{

background-color:white;
padding-top:0px;    
padding-left:20px;
padding-right:69.5px;
width:600px;
padding-bottom:0px;
display:inline-block;


}

#headchoix{

background-color:#333;
height:50px;

word-wrap: normal;
padding-top:30px;
}
 #bot{

float: top;
float:right;
background-color:#D3D3D3;
height:713px;
padding-left:0.1px;
width:250px;
}
#top1,#top2,#top3,#top4,#top5,#top6{
padding-right:40px;
color:white;    
padding-left:10px;
font-size:150%;
 font-weight: bold;
  text-decoration:none; 
}
#pad{

float:left;
}
#footerchoix{

background-color:#333;
width:940px;
height:160px;
display:inline-block;
}

#aside2,#aside1{
float:left;
padding-right:170px;
color:white;
}
#aside3{
float:left;
color:white;
}
#aside4{
float:right;
color:white;
width:200px;
}


a:visited{
color:black;
}
a:hover{

color:red;
}
a:active{

color:yellow;
}

a:link{
color:blue;
}


</body>

Answer 1

您的元标记有错误的分号：

此：

<meta http-equiv="content-type";content="text/html";charset="UTF-8"/>

应阅读：

<meta http-equiv="content-type" content="text/html" charset="UTF-8" />

正如验证器建议的那样，在content属性之前的分号处存在解析错误。那是因为你不应该用分号分隔属性。您可以使用空格字符分隔属性。

Answer 2

你应该把CSS放在样式标签

中

<style>
html{
background-image: url(headerimg.jpg);   


}
header{

background-image: url(headerimg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size:1000px 150px;


}

body{

background-image:url(bg.jpg);
padding-left:175px;
padding-right:175px;
width:940px;
}



#text{

background-color:white;
padding-top:0px;    
padding-left:20px;
padding-right:69.5px;
width:600px;
padding-bottom:0px;
display:inline-block;


}

#headchoix{

background-color:#333;
height:50px;

word-wrap: normal;
padding-top:30px;
}
 #bot{

float: top;
float:right;
background-color:#D3D3D3;
height:713px;
padding-left:0.1px;
width:250px;
}
#top1,#top2,#top3,#top4,#top5,#top6{
padding-right:40px;
color:white;    
padding-left:10px;
font-size:150%;
 font-weight: bold;
  text-decoration:none; 
}
#pad{

float:left;
}
#footerchoix{

background-color:#333;
width:940px;
height:160px;
display:inline-block;
}

#aside2,#aside1{
float:left;
padding-right:170px;
color:white;
}
#aside3{
float:left;
color:white;
}
#aside4{
float:right;
color:white;
width:200px;
}


a:visited{
color:black;
}
a:hover{

color:red;
}
a:active{

color:yellow;
}

a:link{
color:blue;
}
</style>

在头标记

中包含此内容

在w3c中验证时的CSS解析错误

2 个答案: