Появление было вызвано необходимостью, тем или иным образом, облегчить вес html – документов, ускорив тем самым его загрузку. Все параметры, касающиеся размера шрифта, цвета, фона и прочих атрибутов стиля, до их появления, прописывались в общем документе и отдельно для каждого блока текстовой информации, независимо от того, менялось что-нибудь в них или нет.
С появлением таблиц произошло четкое разделение между информацией наполнения и оформления страницы. Принцип следующий. Создается отдельный файл, в который заносятся все варианты стилей, которые вы собираетесь использовать. На самой странице эти стили прикрепляются к определенным информационным блокам и во время ее загрузки, автоматически прописываются обыкновенным html-кодом. Кроме того, один и тот же стиль может подгружаться к нескольким страницам сайта и, соответственно, менять их внешний вид. По шкале приоритетов, найвысшим пользуются включенные стили (включенные таблицы стилей), затем отдельно прописанные на странице (внедренные таблицы) и затем – стили, подгружаемые через ссылку (внешние таблицы). Это дает разработчикам безграничные комбинаторные возможности для оформления WEB-страниц.
Давайте более подробно познакомимся с этими таблицами, поскольку, не разобравшись в них, вы постоянно будете путаться в названиях и терминах, касающихся этой темы.
Итак, как мы уже говорили ранее, самыми приоритетными являются включенные таблицы стилей. Предназначение этих таблиц носит локальный характер. Код стилей прописывается с помощью html-тэгов и относится к конкретному блоку информации (к определенным тэгам страницы) и применяется лишь в тех случаях, когда на определенном участке текста нужно задать стиль, отличный от стилей, заданных внедренными и внешними таблицами стилей. Выглядит это приблизительно так: <P style=”color:red;”>. Применение этого стиля распространяется только на содержимое тэга <Р>. После закрытия этого тэга, действие стиля прерывается и не распространяется далее.
Что касается внедренных таблиц, то предназначение их включает более широкий диапазон применения. Фактически, эти таблицы создаются для того, чтобы задать общий стиль отдельной странице. Стиль задается с помощью парного тэга <STYLE> …. </STYLE>. Размещается он между тэгами <HTML> и <BODY>. Вот типичный пример записи этого кода:
Метод внешних таблиц стилей, заключается в создании отдельного файла с расширением «.css», в который заносятся все стили, прописанные для данного сайта. Затем, между тэгами <HEAD> и </HEAD> вносится следующий код:
Теперь стиль всего содержимого, будет форматироваться таблицей «файл.сss»
Синтаксис стиля очень похож на синтаксис . Принцип записи следующий: селектор {атрибут: значение}. Селектором является элемент, для которого задаются параметры стиля, а в фигурных скобках, через точку с запятой «;» задаются пары типа {color:blue}, где color – это атрибут, а blue – значение этого атрибута. В данном случае двоеточие «:» является знаком приравнивания или соответствия. Как видите – все очень просто. Если вы обладаете элементарными навыками в создании web-страниц, не составит для вас никакого труда.
