W3.CSSLesson 35Free preview

W3.CSS Navigation

This lesson is part of W3.CSS · All levels

Summary

Good navigation allows visitors to find their destination in seconds. W3.CSS generally compiles menus using the nav element containing the w3-bar with the item in the form of a link. On a small screen, the menu is usually folded into a button to keep it from taking up space.

Key points

The nav element gives semantic meaning to the navigation block
W3-bar arranges menu items in one horizontal row
W3-hover-<color> gives feedback on the highlighted item
Active links are given a different visual marker than other links
On a small screen, the menu folds into an opening button

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.