Динамический HTML (dynamic HTML или DHTML) не является каким-то особым языком разметки страниц. Это всего лишь термин, применяемый для обозначения HTML-страниц с динамически изменяемым содержимым Реализация DHTML основывается на: непосредственно HTML, каскадных таблицах стилей (cascade style sheets – CSS) и языке сценариев (JavaScript или VBScript) ДИНАМИЧЕСКИЙ HTML

Каскадные таблицы стилей (Cascade Style Sheets – CSS) Каскадные таблицы стилей предоставляют удобный способ добавления к web-страницам сложных атрибутов форматирования С их помощью можно определить гарнитуры и размеры шрифтов, способ выравнивания и другие характеристики, до мельчайших деталей определить параметры текста, цветов, графики, линий, цитат и т.д. Можно создать таблицу стилей и использовать её для всех документов, расположенных на сервере, что придаст стройность и строгость всему web-сайту Таблица стилей – это набор правил, который управляет форматированием тэгов HTML в web-документе

Правило каскадных таблиц стилей

Синтаксис правил каскадных таблиц стилей не чувствителен к регистру (селекторы, свойства и их значения можно задавать как строчными, так и прописными буквами, или в смешанном порядке) Любая грамматическая ошибка приводит к тому, что правило пропускается анализатором браузера, и никакого предупреждающего сообщения не появляется

Встраивание таблиц стилей в документ

Группирование

Селекторы

Использование классов

Свойства форматирования элементов В каскадных таблицах стилей все доступные свойства форматирования элементов в документе HTML разбиты на 8 категорий 1. Шрифт 2. Цвет и фон 3. Текст 4. Блок 5. Визуальное форматирование 6. Печать 7. Фильтры и переходы 8. Псевдоклассы и другие свойства

Единицы измерения, используемые для задания значений свойств Относительные единицы измерения Абсолютные единицы измерения em - высота элемента шрифта in - дюйм (1 in = 2.54 cm) ex - высота буквыcm – сантиметр px - пикселmm – миллиметр % - процентpt - пункт (1pt= 1/72 in) рс - пика (1 рс = 12 pt)

Шрифты Шрифты различаются по внешнему виду (начертанию) размеру стилю (прямой, курсив или наклонный) "жирности" отображения (нормальный, полужирный)

Определение шрифта

Стиль шрифта

Жирность шрифта

Размер шрифта ключевые слова: xx-small, х-small, small, medium, large, x-large, xx-large абсолютное значение длины (pt) Абсолютное значение ключевые слова: larger и smaller проценты относительные единицы длины (em) Относительный размер

Цвет и фон цвет элемента фон элемента цвет изображение положение повторение фиксация

Цвет элемента

Фон

Форматирование текста Позволяет определить расстояние между словами расстояние между буквами в словах отступы и высота строк в абзацах

Пример