Каскадные таблицы стилей

• Лекция № 4

• Каскадные таблицы стилей

ВОПРОСЫ

• Каскадные таблицы стилей
• 1.1. Стиль для отдельного тега
• 1.2. Стиль для отдельного HTML-файла
• 1.3. Стиль для нескольких HTML-файлов
• 1.4. Комбинирование стилей
• 2. Обзор свойств CSS
• Единицы измерения
• Шрифт font-family font-size
• Цвет color background-color
• Текст letter-spacing line-height text-align
• Поля и рамки border-style border-color
• border-width margin padding

I. Каскадные таблицы стилей

• Современное оформление WWW-сайта невозможно представить без использования каскадных таблиц стилей. Каскадные таблицы стилей позволяют:
• Отделить оформление WWW-страниц от содержания
• Значительно расширить возможности стандартного HTML

• Технология CSS допускает, например, абсолютное позиционирование, т. е. позволяет выводить элементы на экран, используя реальные координаты. Программное изменение координат в объектной модели вызывает изменение положения элемента на экране.
• Можно задавать расстояния в мм, см или дюймах, пунктах, как нам удобно в применении.

• CSS — Cascading Style Sheets (каскадные таблицы стилей) — это средство, позволяющее отделить содержание гипертекстовых страниц от формы их представления на экране.
• CSS в паре со сценариями могут достичь такой динамичности и интерактивности, при которых гипертекстовое приложение становится практически неотличимо от мультимедийного продукта, созданного в профессиональных программах.

• «Скрипты», или «сценарии» – программные коды, оживляющие гипертекст, записанные на специальных языках программирования.
• JavaScript – популярный язык, коды которого можно встраивать в HTML-тексты.
• CSS со сценариями позволяют достичь такой динамичности и интерактивности, при которых гипертекстовое приложение становится прак-тически неотличимо от мультимедийного про-дукта, созданного в профессиональных прог-раммистских оболочках.

•      CSS позволяет сократить объем HTML-файла за счет исключения из кода страницы тегов и атрибу-тов, ответственных за визуальное представление элементов на экране (теги: <font>, <center>, <в>, <i>, <s>, <U> и т. д. ; атрибуты: align, color, bgcolor, size, width, height и т. д);
•     CSS предлагает гораздо больше средств для управления внешним видом элемента, чем обычные теги и атрибуты HTML;
•      разработчик получает возможность менять внешний вид сотни гипертекстовых страниц, внося правки только в один файл с описаниями стилевых свойств.

• Стиль может быть размещен непосредственно в описании того или иного тега. Для этого исполь-зуется атрибут STYLE, который может быть применен к любому тегу, располагающемуся в секции BODY, включая и сам тег . Это так называемые "инлайновые" таблицы стилей.
• Существуют сл. виды указания стилей через этот атрибут:
• - Стиль для отдельного тега
• - Стиль для отдельного HTML-файла
• - Стиль для нескольких HTML-файлов
• - Комбинирование стилей