Включение CSS в HTML. Встраивание

Включение CSS в HTML. Внедрение

Включение CSS в HTML

История CSS

Термин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.

17 декабря 1996 года была издана рекомендация CSS1.

• Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля — обычного, курсивного или полужирного.

• Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.

• Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы)

• Выравнивание для текста, изображений, таблиц и других элементов.

• Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки.

12 мая 1998 года принята CSS2. Построена на CSS1 с сохранением обратной совместимости. Добавление к функциональности:

• Блочная вёрстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной вёрстки.

• Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК).

• Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта).

• Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати.

• Расширенный механизм селекторов.

• Указатели.

• Генерируемое содержание. Позволяет установить текст или картинку, который будет отображаться до или после нужного элемента.

Существует целых четыре способа включения в HTML-документ таблицы стилей:

• Внедрение - позволяет задавать все правила таблицы стилей непосредственно в самом документе

• Встраивание в теги документа - позволяет изменять форматирование конкретных элементов страницы

• Импортирование - позволяет встраивать в документ таблицу стилей, расположенную на сервере

• Связывание - позволяет использовать одну таблицу стилей для форматирования многих страниц HTML

Описание стилей располагается в коде Web-странички, внутри тега <STYLE type="text/css">... </STYLE>. Тег <STYLE> размещается внутри контейнера HEAD.

Параметр type="text/css" является рекомендованным и служит для указания браузеру использовать CSS. В этом случае описанные стили можно использовать для элементов, располагающихся в пределах странички.

Описание стиля располагается непосредственно внутри тега элемента, который описывается. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. <tag STYLE="..." >

Этот метод нежелателен, он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Но если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.

Дата добавления: 2014-01-06