Домашнее задание:
Сверстать макет Cadastre:
- Верстка должна выглядеть практически как на макете, но пиксельную точность пока не делаем
- Темный полупрозрачный фон формы сделать через rgba()
- Каждое поле формы должно подсвечиваться при фокусе, как показано на First Name
- В макете везде используется шрифт Tahoma, вместо него подключите Helvetica Neue
- Форма должна быть отцентрирована по горизонтали и вертикали
Сверстать картину Пита Мондриана "Композиция с красным, синим и желтым" :
- Для этого нужно использовать таблицы
- Визуально верстка должна быть похожа на картину, но сохранение пропорций прямоугольников не обязательно, нужно использовать colspan и rowspan
Полезные ссылки:
- Fontsquirrel Webfont Generator или transfonter - сервисы для генерации шрифтов
- Безопасные шрифты
- Соответствия шрифтов Windows, Mac и Unix/Linux
- Нестандартный шрифт средствами CSS
- @font-face в деталях
- Свойства текста
- Базовые принципы веб типографики
- RGBA — CSS полупрозрачность
- Форматы цветов
- Семантичные HTML формы
- Подробно об input
- О таблицах