Таблицы стилей обычно содержfтся в отдельных файлах с расширением .css, которые подключаются в head html-документа. Также можно вписать стили напрямую в документ или, в целях достижения кроссбраузерности (чаще всего из-за всеми "любимого" IE), используют подключение файлов таблиц (или же просто отдельных стилей) с помощью "условных комментариев".
Подключение файла .css. Кака видно файл подключается между тегами head. Это означакет, что при загрузке страницы браузер обратится к файлу style.css, прочитает и загрузит все стили из этого файла и толко потом будет загружать основной сценарий с применением описанных стилей.
Рекомендуется делать такое подключение до элементов которым должны применяться стили.
Такой способ применяется когда необходимо выводить элемент со "встроенным стилем". Дело в том, что приоритет отдается именно такой форме присвоения стиля и каскадные таблицы будут игнорироваться. Это очень удобно когда, например (по контексту) для всех блоков DIVв "вынесенном" каскаде задано выравнивание текста (text-align) по левому (left) краю и цвет текста , например, зеленый, а именно этот блок должен иметь выравнивание по центру и текст должен быть красным.
ПРИМЕЧАНИЕ: Если в таблице стилей описаны, например, 5 стилей элемента, а жестко мы переопределили только, например, 3, то оставшиеся 2 (не переопределенных) будут применены из каскада. Помните это!
Теперь про условные комментарии... Очень нужная вещь, поскольку разные браузеры отображают некоторые стили по разному. Лидер таких "косяков" несомненно IE. Дело в том, что не всегда можно соединить несколько интерпретаций одного и того же стиля в одной таблице.
ПРИМЕЧАНИЕ: Все стили будут применяться из файла style.css и, только когда клиент будет просматривать станицу с помощью IE версии 7 и ниже, подгрузится файл ie.css и будут применены ПЕРЕОПРЕДЕЛЕННЫЕ стили из этого файла, а остальное браузер возьмет из основного каскада.
Вот кратко о том, что из себя представляют CSS и какие возможности они дают разработчику.