Single dot = current directory, double dot is parent directory...
./ = current
../ = parent
So let's say you have a style rule for an image in a CSS file called "styles.css".
- The location of the stylesheet is C:\MyApp\CSS\styles.css.
- The location of the image is: C:\MyApp\Image\my_Image.png.
When the CSS is being read, it will be the location of that css file that's used for the current location. So if you want to get to your image, you can point it like this:
background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;
If the location of the image would have been directly on C:\, you would have to go back two parent directories:
background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;
This principle also goes for JavaScript files and so on.