Базові стилі
Наступним кроком створення випадного меню на HTML і CSS є створення каскадної таблиці стилів. Вони зберігаються у файлі з розширенням .css, де описується зовнішній вигляд документа і різні візуальні ефекти. Тут задаються кольори, шрифти, розташування блоків та інших аспектів зовнішнього вигляду веб-сторінки.
Те, що тут буде знаходитися, залежить виключно від дизайну. Є кілька основних моментів, які варто розібрати. Оскільки створюється меню, маркери не повинні відображатися. Вони прибираються за допомогою атрибута list-style: none. Важливою частиною є усунення підкреслення посилань. Для цього селектори, які відповідають за оформлення тега , повинні містити text-decoration: none.
Необхідно призначити дії при наведенні миші на кнопки. Для чого використовується псевдоклас :hover? Використовуючи його, користувач бачить, як змінюється колір пунктів або з’являється список, що випадає меню на HTML CSS. Для приховування деяких елементів застосовується display: none, а для появи – display: block або display: inline.
