начало
→
тема 2
→ полное содержание
возврат
Полное содержание
01.
HTML и CSS
Вопросы
|
Зачёт
02.
Основные правила языка CSS
Формат стилевого определения
Комментарии в CSS
Как CSS работает совместно с HTML
CSS в отдельном файле
CSS в головной части HTML-файла
CSS в открывающем теге отдельного элемента
Вопросы
|
Практикум
03.
Селекторы
Селектор элемента
Селектор класса
Селектор идентификатора
Универсальный селектор
Группировка селекторов
Контекстные определения
Комбинирование селекторов
Наследование стилей
Каскадирование стилей
Вопросы
|
Зачёт 1
|
Зачёт 2
|
Практикум
04.
Стилевые свойства
Значения свойств и единицы измерения
Числа
Проценты
Цвет
Размер
Ключевые слова
URL
Вопросы
Коробочная модель (Box Model)
Вопросы
Внешние отступы (поля)
Свойства для создания внешних отступов с одной стороны
Интегрированное свойство для создания внешних отступов
Вопросы
|
Зачёт
Рамки
Стили рамок
Стиль рамки отдельно для каждой стороны
Обобщённое свойство для стилей рамок
Ширина рамок
Ширина рамки отдельно для каждой стороны
Обобщённое свойство для ширины рамок
Цвета рамок
Цвет рамки отдельно для каждой стороны
Обобщённое свойство для цвета рамок
Свойства рамок отдельно для каждой стороны
Задание рамки одним свойством
Рамки строчных элементов
Вопросы
|
Зачёт
Внутренние отступы
Свойства для создания внутренних отступов с одной стороны
Интегрированное свойство для создания внутренних отступов
Внутренние отступы строчных элементов
Вопросы
|
Зачёт
Цвет и фон
Цвет
Фон
Фоновый цвет
Фоновые изображения
Задание фоновой картинки
Повторения в определённом направлении
Позиционирование начального положения картинки
Позиционирование фона относительно окна
Интегрированное свойство для задания фона
Атрибут background элемента BODY
Дизайн фона
Плитки плохо стыкуются
Текст не читается
О важности явного задания цветов текста и фона
Вопросы
|
Зачёт
|
Практикум
Ширина и высота
Свойства width и height
Переполнение содержимым
Ограничение ширины и высоты
Проблемы размеров
Решение проблемы размеров
Декларация DOCTYPE
Вёрстка потоком
Значение auto
Горизонтальное форматирование
Вертикальное форматирование
Вопросы
|
Зачёт
|
Практикум
Шрифты
Семейства шрифтов
Серифные и рубленые
Пропорциональные и моноширинные
Рукописные и декоративные
Неалфавитные
Рекомендации Web-разработчику
Таблица со шрифтами, входящими в поставку Winows XP
Насыщенность шрифта
Размер шрифта
Предопределённые размеры
Ступенчатые переходы
Проценты
Использование единиц измерения длины
Единица измерения em
Пикселы
Стиль шрифта
Вариант шрифта
Интегрированное свойство font
Задание высоты строки
Системные шрифты
Вопросы
|
Зачёт
|
Практикум
Текст
Отступ в первой строке блока
Горизонтальное выравнивание
Устройство текстовой строки
Размер шрифта
Устройство строки
Высота строки
Вертикальное выравнивание текста
Надстрочные и подстрочные индексы
Выравнивание по низу
Выравнивание по верху
Середина
Проценты
Размер
Расстояние между словами
Расстояние между буквами
Преобразование текста
Оформление текста
Обработка пробелов
Псевдоэлементы
Первая буква
Первая строка
Ограничения
Вопросы
|
Зачёт
|
Практикум
Списки
Стандартный маркер списка
Изображение в качестве маркера
Местоположение маркера
Интегрированное свойство
Компоновка списка
Горизонтальные списки
Вопросы
|
Зачёт
|
Практикум
05.
Позиционирование элементов
Абсолютное позиционирование
Позиционирование блочных элементов
Позиционирование строчных элементов
Значение auto
Вопросы
|
Зачёт
Фиксированное позиционирование
Вопросы
Относительное позиционирование
Как это работает
Противоположные смещения
Вопросы
|
Зачёт
Z-индекс, вид и видимость
Z-индекс
Видимость элемента
Изменение представления элемента
Вопросы
|
Зачёт
Пример 1
Постановка задачи
Без CSS
Разметка
CSS
Где BODY?
Заголовок
Наполняем страницу содержимым
Пример 2
Постановка задачи
Модель вёрстки
Без CSS
Разметка
CSS
Заголовок
Наполняем страницу содержимым
Ложные колонки
Пример 3
Постановка задачи
Модель вёрстки
Без CSS
CSS
Заголовок
Наполняем страницу содержимым
Ложные колонки
Практикум
06.
Плавающие блоки
Свойство float
Правила перемещения
Плавающий элемент становится блоком
Позиция по горизонтали
Позиция по вертикали
Элемент был блочным
Элемент был строчным
Поведение плавающего элемента
Прекращение обтекания
Когда плавающих элементов много
Плавающий внутри плавающего
Вопросы
|
Зачёт
Свойство float на практике
Плавающая врезка
Горизонтальное меню
Плавающие колонки фиксированной ширины
Плавающие пропорциональные колонки
Пример 1
Постановка задачи
Без CSS
Разметка
CSS
Заголовок
Наполняем страницу содержимым
Ложные колонки
Пример 2
Постановка задачи
Без CSS
CSS
Заголовок
Наполняем страницу содержимым
Ложные колонки
Практикум
возврат
начало
→
тема 2
→ полное содержание