CSS и HTML5 адаптивно меню за навигация

навигация

Каним ви да се запознаете с нова техника за създаване на отзивчиви (отзивчиви) менюта, без да използвате Javascript. Той използва чиста и семантична HTML5 маркировка. Менюто може да бъде подравнено вляво, центрирано или подравнено вдясно. Това меню включва курсора на мишката, което е по-удобно за потребителя. Също така има индикатор, който показва елемент от менюто „стартиране/стрийминг“. Той работи на всички мобилни и настолни браузъри, включително Internet Explorer!

цел

Целта на този урок е да ви покаже как да направите падащо меню на малък дисплей от обикновено меню.

навигация

Този трик ще бъде по-полезен за навигация с много връзки, както е на екранната снимка по-долу. Можете да кондензирате всички бутони в елегантно падащо меню.

навигация

Nav HTML маркиране

Ето маркировката за навигация. Маркерът е необходим за създаване на падащо меню с CSS свойство за абсолютна позиция. Ще обясним това по-късно в урока. .current class показва активни/текущи връзки към менюто.