- •Тема 1. Основы css 4
- •Тема 2. Управление шрифтом 10
- •Тема 3. Управление текстом 10
- •Тема 4. Управление элементом 21
- •Тема 5. Управление Позиционированием элемента 32
- •Тема 6. Управление видимостью элемента 32
- •Тема 7. Управление списком, таблицей и интерфейсом 32
- •Тема 8. Css по Браузерам 32
- •Тема 9. Хаки css 32
- •Тема 1. Основы css
- •Тема 2. Управление шрифтом
- •Тема 3. Управление текстом
- •Vertical-align. Вертикальное выравнивание текста
- •Тема 4. Управление элементом
- •Тема 5. Управление Позиционированием элемента
- •Тема 6. Управление видимостью элемента
- •Visibility. Видимость элемента
- •Тема 7. Управление списком, таблицей и интерфейсом
- •Тема 8. Css по Браузерам
- •Тема 9. Хаки css
Разработка
Web-узлов с помощью CSS
Тема 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