Работа CSS-позиционирования важна для понимания сложной верстки. Здесь приводятся задачи на понимание и работу с: position absolute, position relative, position fixed и position static, CSS-свойств top left bottom right, позиционирование элементов относительно родительских или нормального потока вывода.
- * Создайте меню, которое будет становится фиксированным, только после прокрутки страницы на некоторую величину. Примечание: для выполнения задания придется найти JavaScript- решение.
- Создайте эффект появляющейся многострочной подсказки при наведении на ссылку. Примечание: через встроенный span или дополнительный атрибут.
- * Задания: CSS position. Попробуйте создать статический вариант одностраничного приложения, используя работу с соответствующим псевдоклассом http://htmllab.ru/odnostranichnoe-prilozhenie/
- Сверстайте окно диспетчера на сайте
- Сверстайте меню профиля пользователя на сайте. Примечание: примером реализации может быть меню на внутренних сервисах Яндекса.
- * Элемент управления «Кнопка загрузки файла» в разных браузерах выглядит по-разному. Сверстать кроссбраузерный вариант кнопки загрузки
- Сверстать фрагмент, реализующий отображение результатов поиска в поисковой системе. Примечание: никакой динамики, просто статичная верстка
- Сверстать форму, подобную тем, что приводятся на сайте jquerymobile.com
- *. Сверстать имитацию окна уведомления в социальной сети. Примечание: если вы справитесь с этим заданием, при помощи двух гиперссылок в основной части страницы, реализуйте показ и сокрытие этого окна уведомления.
- *. Подключить Emmet на странице сайта. Примечание: к HTML-элементу textarea.
- Создайте выпадающее меню на сайте. Примечание: меню должно быть двухуровневым.
- Подключите JS-библиотеку, которая помогает «оформить» полосы прокрутки для блока, в котором не помещается текст.
- Создайте блок шириной 80% от ширины окна браузера и располагающийся по его центру. Примечание: воспользуйтесь статичным или фиксированным позиционированием.
Все задания по HTML