Горизонтальне меню в CSS - Уроки CSS

Для створення горизонтального меню, що випадає, за основу буде взято меню з цього уроку.

Колірна гама для випадаючих пунктів буде підібрана так, щоб була схожа на основне меню.

Основні параметри для горизонтального меню, що випадає:

float: left;- завдяки цьому параметру основне меню стає горизонтальним;float: none;- визначає, що додаткові пункти випадатимуть вертикально;

margin-left: 12px;- параметр, що визначає розмір відступу випадаючих пунктів від лівого краю основного пункту (підібраний так, що краї основного та додаткового пункту збігаються);

display: block;- цей параметр задає пунктам меню властивості блоку, за допомогою чого можна задати зовнішні та внутрішні відступи - тобто задати розміри пунктів меню;display: none;- елемент невидимий (поки на нього не наведуть курсор мишки);position: absolute;- означає, що весь контент перебуватиме у фіксованому положенні щодо підпунктів;

Значення інших параметрів вам повинно бути знайоме з попередніх уроків CSS, а також уроків HTML.

Створіть два файли:drop_gor_menu.cssтаgor_menu.html. Передбачається, що ці файли знаходяться в одній директорії.

Зміст файлуdrop_gor_menu.css

Безумовно можна зробити щось цікавіше, ніж це меню. Все що вам потрібно - це знайти меню, які приблизно схожі на ті, що у вас в уяві і вивчити його, щоб потім переробити.

Найкращий спосіб вивчення у такому разі буде – «метод тику». Тобто ви бачите параметр, що задає колір або розміру -> змінюєте цей параметр іншою і дивіться, що станеться тощо. І вже після кількох переробок ви зможете самостійно(Без чужих прикладів) зробити те, що вам потрібно.

---