Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии


главная
DHTML
таблицы стилей
способы
употребления
Несколько
примеров
Селектор CLASS
мысли о CSS
фильтры
Общие свойства
фильтров
Обработка
событий
Мультэффекты
Терминология
Тег <script>
запрос пользователю
дата и время
Переменные
объекты
Вспомогательные
материалы


КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

Часть вторая.

СПОСОБЫ УПОТРЕБЛЕНИЯ

   Итак, уважаемые, продолжаем разговор о таблицах стилей... Удобство применения этих таблиц обуславливается еще и многообразием способов встраивания оных в ХТМЛ-код страницы. Об этом мы сейчас и поговорим.
   Таблицы стилей можно вставлять в документ следующим образом:
Связывание.
Позволяет использовать одну таблицу стилей для форматирования многих страниц, т. к. при этом способе таблица стилей хранится в отдельном файле и присоединяеся к документу с помощью тега <LINK>, задаваемого в заголовке документа: <LINK REL="stylesheet" TYPE="text/css" HREF="styles.css">.
В данном случае правила таблиц стилей должны находиться в файле styles.css и записаны на языке CSS. Значения нараметров:
  • TYPE="text/css" - устанавливает язык, на котором написаны таблица стилей - CSS.
  • REL="stylesheet" - устанавливает приоритет таблицы - постоянный.
  • HREF="styles.css" - путь к файлу с правилами таблиц стилей.
Внедрение.
Позволяет задавать все правила таблицы стилей непосредственно в самом документе. В этом случае правила таблицы стилей помещаютя в тег-контейнер <STYLE>...</STYLE>, который располагается также в заголовке документа.
Следующий пример позволяет сделать на странице "типографское выравнивание" (то есть, чтобы края текста были выровнены с обоих сторон, как это сделано в книгах, газетах и на этой странице :-)):
<style>
<!--
body {text-align: justify}
-->
</style>

Правила рекомендуют помещать внутрь тега-комментария <!-- ... --> для того, чтобы браузеры старых версий, которые не поддерживают тег <style> не показывали его содержимое в виде текста.
Импортирование.
Позволяет встраивать в документ таблицу стилей, расположенную на сервере. Делается это при помощи свойства @import таблицы стилей. Его следует задавать в начале стилевого блока или связываемой таблицы стилей, перед заданием остальных правил.
Внедрение.
Применяется для форматирования отдельных элементов. Все теги ХТМЛ имеют параметр style, в котором можно задавать значения его свойств, используя синтаксис каскадных таблиц стилей. Этот способ мало чем отличается от обычного форматирования с помощью других параметров и используется в основном для того, чтобы выделить какой-то элемент при использовании других способов употребления таблиц стилей.

Эта фраза написана внутри тега: <P style="font-size: 30pt; color: red; font-family: Comic Sans MS;"></P>

Как видите, она имеет такой же вид, как и отформатированная при помощи тега FONT, о котором я рассказывал в статье о форматировании шрифта.
   Есть еще один способ встраивания таблиц стилей в тело документа, не отраженный в спецификации HTML 4.0 - с помощью SSI. В этом случае правила таблиц стилей записываются в обыкновенном текстовом файле и подгружаютя сервером при выполнении директивы SSI. Этот способ можно использовать только в том случае, если Ваш сервер поддерживает SSI. Подробнее об этом я расскажу, когда до этого дойдет очередь.

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: