Структура курса

1. Зачем нужен CSS?

  • Оформление веб-страниц в интернете
  • Пример — сайт CSS Zen Garden

2. Свойства и их значения

  • Как менять цвет, шрифт и размер элементов
  • Как изменить курсор над элементом
  • Как сверстать «хлебные крошки»

3. CSS-селекторы

  • Основные виды селекторов
  • Псевдо-классы

4. CSS Box Model

  • Внутренние и внешние отступы
  • Цвета и ширина границ элементов

5. Макетирование на CSS

  • Свойство display и его значения
  • Как можно задавать позиции элементов на странице
  • Свойство float и обтекание текстом
  • Media queries и девиз «Mobile first»

6. Практика с CSS

  • Меняем CSS любой страницы через консоль
  • Верстаем форму сбора контактов
  • Верстаем «хлебные крошки»