Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
homework4.psd added 3-4 js homework Dec 4, 2015
readme.md added some links Apr 6, 2016

readme.md

Урок 4

Домашнее задание:

Сверстать макет Asia Holidays Maldives:

  1. Верстка должна выглядеть практически как на макете, но пиксельную точность пока не делаем.
  2. В макете есть выпадающее меню, его нужно сделать с помощью position: absolute, как описано в ссылке (8)
  3. Так же есть три колонки, они должны быть одинаковой высоты вне зависимости от контента. Решение описано в статье. Можете взять простой способ решения данной задачи, и использовать фоновую картинку.

Полезные ссылки:

  1. Float'омания: разъяснение как работает css свойство float
  2. Всё о свойстве float
  3. clearfix
  4. Clear или overflow:hidden — очистка всего потока или создание контекста форматирования?
  5. Позиционирование элементов
  6. Разделяй и властвуй — float, position и display
  7. Как верстать меню
  8. Выпадающее меню на HTML / CSS без использования JavaScript
  9. Выпадающее меню на CSS
  10. Выпадающее меню на CSS. Ещё один пример
  11. Колонки равной высоты
  12. Семантический HTML — рекомендация с большими выгодами
  13. Как работает браузер: архитектура
  14. :before или ::before
  15. Ссылка с возможностями блока
  16. Inline-block как замена float
  17. Тень для блока
  18. Полное руководство по Flexbox
  19. Flexbox Froggy
  20. WTF, HTML и CSS? - общая статья об особенностях верстки

Бонусное задание:

Для мазохистов. Сделать три колонки одинаковой высоты через 3-й способ обертывающих блоков