DW中遇到expected RBRACE错误

.hero-box{
    height: 338px; 
    background-color: #FF00D7;
    background-image: url(Exercise Files/images/hero-image.jpg);
    background-size: cover;
    margin: 1%;
}

编写.css文件时总会在     background-image: url(Exercise Files/images/hero-image.jpg);   这一行报错Expected RBRACE at line:30,col 56.并且盒子的背景图片显示不出来，但是把鼠标放在代码行上是可以看到图片的。

上网查阅可能与缺“}”有关系，但是方法并不奏效，索性将图片拖到桌面重新找一下路径：

.hero-box{
    height: 338px; 
    background-color: #FF00D7;
    background-image: url(hero-image.jpg);
    background-size: cover;
    margin: 1%;
}

报错消失并且预览显示背景图。可能与路径过长有关系。因为我是照着一个例子做的，例子的代码是这样的：

.hero-box {
    height: 338px;
    background-color: #FF00D7;
    background-image: url(images/hero-image.jpg);
    background-size: cover;
    margin: 1%;
}

也不会显示报错。

例子的代码和图片文件夹放在一起，寻找路经就会短。

正式建网页还是应该有一个站点文件夹，把代码文件，图片文件等等文件集中放置管理。应该就不会出现这个问题了。

转载于:https://www.cnblogs.com/zhaoxuan8/p/10349709.html