CSS中的相对路径与绝对路径

在学习CSS中，我们容易遇到一个极容易忽略的问题。
我们一般会创建如图所示的文件类型：

在css中我们会定义这样一个选择器

      .style{
                 background:url(/images/1.jpg);
                 }

但调试时，会出现图片无法显示。这是因为相对路径错误。

首先，我们先了解什么是相对路径与绝对路径。
绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。形如C:\windows\system32\cmd.exe
相对路径则是相对当前文件位置而言。例如上图css文件中，存在一个style.css的文件，那么当我们需要调用图片时，
是以style.css文件所处位置为起点，或者向下访问子文件，如/file1/file2；
或者向上往其根文件访问，如../images/1.jpg。
在上面问题中，由于我们在index.html中调用style.css文件，习惯性思维会导致我们认为style.css与index.css在同一目录。
解决方案应为：

    style{
         backgound:url(../images/1.jpg);
         }