Разработка Web-узлов с помощью CSS 3

Тема 1. Основы css 4

Применение CSS для HTML-тега 4

Применение CSS для страницы 4

LINK. Применение CSS для Web-узла 4

Создание внешнего CSS-файла: 4

@import. Импорт таблицы стилей 5

Применение CSS к элементам страниц 5

Переопределение HTML-тега 5

Определение классов для создания тегов 5

Определение ID-селекторов для идентификации объекта 5

Определение стилей с одинаковыми правилами 5

Наследование родительских свойств 6

Определение стилей потомка 6

Определение стилей прямого потомка 6

Определение стилей сестринских элементов 6

Универсальный селектор 6

Определение стилей атрибутов 6

Определение стилей с псевдоклассами 7

Определение ссылок стилей с псевдоклассами 7

Псевдоклассы. 7

Значение !important 7

Определение каскадного порядка 7

@media. Таблицы стилей для разных типов устройств 8

@page. Установка полей для страницы при печати. 8

Свойства с сокращенной формой записи 8

Комментарии в CSS 9

Тема 2. Управление шрифтом 10

FONT-FAMILY. Устанавка семейства шрифта. 10

FONT-SIZE. Размер шрифта 10

Относительные единицы 10

Абсолютные единицы измерения 10

FONT-STYLE. Курсив 10

FONT-WEIGHT. Толщина шрифта 10

FONT-CAPS. Создание капители. 11

@FONT-FACE. Загрузка шрифта. 11

FONT. Укороченная запись определения свойств шрифта. 11

Тема 3. Управление текстом 10

LETTER-SPACING. Кернинг. 10

WORD-SPACING. Интервал между словами 10

LINE-HEIGHT. Интерлиньяж. 10

TEXT-TRANSFORM. Заглавные и строчные буквы 10

TEXT-ALIGN. Выравнивание текста по горизонтали 10

VERTICAL-ALIGN. Вертикальное выравнивание текста 10

TEXT-INDENT. Красная страка. 11

WORD-WRAP. Перенос слов. 11

COLOR. Настройка цвета текста 11

TEXT-DECORATION. Оформление текста. 11

TEXT-OVERFLOW. Видимость текста. 11

TEXT-SHADOW. Тень текста. 12

QUOTES. Кавычки. 12

DIRECTION. Настройка направления текста 12

UNICODE-BIDI. 13

PAGE-BREAK-BEFORE. Установка разрыва страницы для печати 13

PAGE-BREAK-AFTER. Установка разрыва страницы для печати 13

WHITE-SPACE. Управление свойствами пробелов 13

Тема 4. Управление элементом 21

Составляющие элемента 21

DISPLAY. Изменение внешнего вида элемента 21

WIDTH. Ширина элемента 22

max-width и min-width 22

HEIGHT. Высота элемента. 22

max-height и min-height 22

BOX-SIZING. Задание высоты и ширины блока. 23

MARGIN. Отступ элемента 23

PADDING. Поле элемента 23

BORDER. Граница элемента 24

BORDER-WIDTH. Установка толщины границы. 24

BORDER-COLOR. Установка цвета границы. 24

BORDER-STYLE. Cтиль границы. 24

BORDER–RADIUS. Скругление углов элемента. 25

BORDER. Общая укороченная форма записи. 25

OUTLINE. Установка границ 25

BACKGROUND. Настройка фона 26

BACKGROUND-COLOR. Цвет фона. 26

BACKGROUND-IMAGE. Установка фонового изображения. 26

BACKGROUND-POSITION. Установка начального положения фонового изображения. 26

BACKGROUND-REPEAT. Повторяемость фона. 26

BACKGROUND-ATTACHMENT. Прокрутка фона. 26

BACKGROUND-CLIP. Фон по границам элемента. 26

BACKGROUND-SIZE. Масштабируемость фонового изображения. 26

BACKGROUND. Общая укороченная форма записи. 27

BOX-SHADOW. Тень элемента. 27

FLOAT. Выравниваие элемента. 27

CLEAR. Запрет обтекания. 27