Внешние листы стилей располагаются в файле с расширением css. Их еще называют "внешний CSS". Такой файл является обычным ASCII-файлом (как и html). Процесс создания такого файла очень прост. Щелкните правой кнопкой мыши, выбирайте "создать", а потом "текстовый документ". После чего переименуйте этот файл, например, в style.css И все! Файл внешнего листа стилей готов!

Форма записи листа стилей в файл css почти ничем не отличается от формы записи внутренних листов стилей. Например:

<style type="text/css"> H1 {color: blue} P {font-weight: bold} </style>

будет внутренним листом стилей, а

H1 {color: blue} P {font-weight: bold}

будет внешним листом стилей. Во внешнем не будет писаться контейнер <style></style>.

Вы наверное подумали: А откуда броузер узнает, что нужно подключить файл с листом стилей? А вот для этого и существует элемент LINK. Его нужно записывать в заголовочной части (также как и внутренний лист стилей). А вид у него вот такой:

<LINK rel="stylesheet" type="text/css" href="адрес_файла_с_листом_стилей">

Возможно даже сразу подключать несколько внешних листов стилей к одному документу. Для этого нужно просто записать несколько элементов LINK по очереди.

Согласитесь, что во всем этом нет абсолютно ничего сложного!