Основы HTML и CSS Каскадные таблицы стилей (CSS) презентация

Основы HTML и CSS Каскадные таблицы стилей (CSS)

Каскадные таблицы стилей (CSS): Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Основные понятия и определения. Грамматика языка стилей Создание стилей и классов. Принципы каскадирования и принципы группировки Применение стилей и классов к элементам документа HTML Декоративные возможности CSS: формирование рамок и отступов Позиционирование элементов на странице и управление моделью элемента

Методы определения

Встроенная информация о стиле (inline)

Информация о стиле в заголовке: элемент STYLE - Метод вложения (embeding)

Метод связывания (linking) - Внешние таблицы стилей

Каскадирование

Наследование

Единицы измерения размеров

Цвет и адреса URL

Селекторы типа элемента и класса

Другие селекторы

И еще о селекторах

Группировка селекторов

Псевдоклассы и псевдоэлементы

Оформление текстовых элементов

Оформление текстовых элементов

Оформление текстовых элементов

Оформление текстовых элементов

Оформление списков

Свойства цвета и фона

Лабораторная работа Использование стилей

Отступы и рамки

Отступы снаружи

Отступы изнутри

Рамки

Лабораторная работа Использование стилей

Визуальные свойства

Параметры блока

Параметры слоя

Лабораторная работа Использование стилей

Итоги С помощью стилей мы имеем возможность отделить содержание HTML документа от оформления Таблицы стилей определяются в HTML документе методами связывания, встраивания и вложения Определенный стиль привязывается к селектору, в роли которого может выступать тег, класс и идентификатор Стили можно разделить на группы: оформления текстовых элементов, цвета и фона, отступов и рамок, параметров блока, слоев и др.