Базовый курс HTML и CSS

Программа курса

1. HTML-элементы
   Теги оформления текста

   Заголовки и их грамотное использование

   Работа с формами

   Новые теги HTML5

   Семантические теги

2. Прокачка CSS
   Контекстные, дочерние, соседние селекторы

   Приоритеты применения стилей

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

   Популярные свойства стилей с примерами

3. Создание базовой разметки
   Виды макетов: фиксированный, резиновый, адаптивный

   Сброс стилей

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

   Создание первого реального макета

   Позиционирование элементов: обычное, абсолютное, относительное и фиксированное

4. Хитрости блочной модели
   Базовые принципы блочной модели в вёрстке

   Схема расчёта размера элементов

   Свойство box-sizing для управление схемой расчёта

   Разница работы свойств margin для строчных и блочных элементов

   Тонкости багов внешних вертикальных отступов

   Расчёт высоты элементов при обтеканиях

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

5. Разбор ошибок

   Какие основные ошибки допускаются при верстке

   Разбор допущенных неточностей в верстке студентов

   Ответы на наболевшие вопросы :)

6. Адаптивная вёрстка
   Взаимодействие дизайнера и верстальщика

   Базовые приёмы: viewport, width и max-width, px и %

   Создание media-запросов

   Единица измерения rem

7. LESS
   Способы подключения LESS

   Вложенные селекторы

   Переменные, встроенные функции и примеси

   Хитрости применения для создания адаптивной вёрстки

8. Кроссбраузерность и будущее
   Уровень поддержки старых браузеров

   Подключение доп. файлов для IE vs отказ от IE

   Flexbox-революция