Марк

Вот очень простой пример кода: jsfiddle.net/JJ8Jc/3234

Транзишен лучше, именно из-за «когда убираю курсор, все без анимации». Вообще кейфреймы сделаны для более сложных вещей, скажем, когда нужно по вейпоинтам что-то гонять (по сложному маршруту т.е.), и другие нелинейные штуки делать. Если в кейфреймах только 0% и 100%, это оверкилл.

Отделить в коде можно чисто визуально, если это важно.

Повесить на body в CSS display: none, а когда все загрузилось, в жаваскрипте отменить.

Проблема этого подхода: браузер без жаваскрипта отобразит чистый лист. (Сейчас многие сайты без жаваскрипта не работают, так что это считается сорт оф приемлемым, хотя я стараюсь так не делать все равно.)

Использую просто кучу браузеров. ОС Шиндоws в виртуалке, там (по необходимости) разные IE.

Если у элемента есть id, то '#' + id — селектор, однозначно определяющий этот элемент на странице.
Если у элемента нет id, нужно сгенерировать уникальный id; GOTO 10

Получить все CSS-селекторы, указывающие на этот элемент, не получится — их бесконечно много.

960gs, и Zen Coding (там html:5 пишешь, и получается шаблон html-страницы с DOCTYPE и meta charset).

Лучше всего начать с практики, по мере необходимости подсматривая в гугл.
Это как секс — по книжкам учить (почти) бесполезно.