HTML+CSS+JavaScript

Решил выяснить раз и навсегда. Ответьте мне, пожалуйста, на ряд вопросов:
1) Пути в CSS указываются относительно файла CSS или файла, к которому этот CSS подгружается?
2) Почему зачастую работают оба варианта: как относительно CSS, так и относительно HTML?

1. относительно цсс файла, или от корня сайта
2. они лежат в одной директории, или указаны пути от корня сайта

Спасибо.
Предполагаю, что сначала сервер пытается обратиться к файлам относительно корня сайта, и, в случае неудачи, обращается относительно CSS.

этих тонкостей я не знаю, но скорее всего принципиальное различие в путях

background: url('/i/img.jpg'); /* от корня сайта */ background: url('../i/img.jpg'); /* от файла цсс */

Какой из вариантов рекомендуете Вы?

Я понимаю, что указание путей относительно корня сайта делает систему более гибкой, однако я столкнулся со следующей проблемой:
При разработке сайта на локалхосте корневой директорией сайта является папка MySite. При переносе сайта на удалённый сервер корневой директорией становится другая папка. В этом случае, все пути в CSS приходится переписывать заново.

Кто вам мешает на локальном сервере иметь такую же структуру каталогов, которая будет и на реальном сервере?

Возможно я что-то делаю неправильно, но у меня на локалхосте болтается много сайтов в разных папках. Вы предлагаете при переносе на сервер оставить один "лишний" родительский каталог?

скорее всего вам предлагают ознакомится с настройкой локалхоста так, чтоб локальные сайты открывались не через путь http://localhost/site, а через http://site. тогда вопросы сами собой отпадут

Что значит лишний? На локальном сервере проекты не болтаются, а находятся в виртуальных хостах, каждый из которых имеет корневую папку документов. Например, в Денвере удобно создавать хосты в папке для этого предназначенной - home.
В этой папке создается виртуальный хост, например, site, с папкой документов www, в которую и размещаются папки проекта, к примеру: docs, css, js, includes.... Пути везде указываем относительно корневой папки документов. При переносе на реальный сервер, вам хостер может указать корневую папку документов как, например, htdocs. Если вы теперь поместите в нее свои папки: docs, css, js, includes...., то пути от этого никак не потеряются. А то, что у хостера структура каталогов выше уровня папки с документами (htdocs) намного сложнее, роли никакой не играет.
От куда может появиться лишний родительский каталог, если вы его сами не породите?

Спасибо, я понял свою ошибку - я вообще не создавал виртуальные хосты, а просто создавал директории в корне локального сервера. ОК, теперь буду знать.