Подробное руководство по HTML и CSS
Учебник по HTML и CSS для изучения создания веб-страниц с нуля. Материалы написаны простым языком и содержат массу визуальных примеров с фрагментами реального кода.
HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) являются двумя основными технологиями для создания веб-страниц и веб-приложений.
HTML обеспечивает структуру страницы, а CSS — визуальный макет для различных устройств.
Часть 1: Основы HTML5
- Введение
- Основы
- Модели контента
- Понятие семантики
- meta viewport. Как он работает?
- Структурирование документа в HTML4
- Основы создания структуры документа
- Элемент article
- Элемент section
- Элемент aside
- Элемент nav
- Создание HTML5 структуры страницы на практике
Часть 2: Основы CSS
Изучим базовые понятия CSS: правила, селекторы, свойства и значения.
- Что такое CSS и как добавить стили на страницу?
- Синтаксис CSS. Директивы и переменные
- Селекторы. Виды и группировка
- Каскад, наследование и специфичность селекторов
- Как осуществляется визуальное отображение HTML документа в браузере?
- Что такое блочная модель CSS и как она работает?
Часть 3: Использование CSS
- Работа с шрифтами
- Основные свойства для оформления текста
- Перенос, обрезка и ориентация текста
- Стилизация текстовых полей формы
- Как сделать фон? CSS-свойство background
- Как сделать рамку? CSS-свойство border
- CSS before, after и другие псевдоэлементы
Часть 4: Разметка CSS
- Что такое адаптивный дизайн сайта?
- Медиа запросы (media queries)
- Flexbox верстка
- Методы позиционирования элементов
- Работа с плавающими элементами
Часть 3: Вёрстка элементов интерфейса
- Создание слайдера в стиле аккордеона
- Как создать простое модальное окно
- CSS переключатель с использованием JavaScript
- Как создать горизонтальное меню с прокруткой для сайта?
- Как сделать переходы между разделами на сайте в виде волны?
- CSS стилизация checkbox и radio - 2 варианта