|
Transform an ordinary list, written in HTML, into a menu or site navigation with CSS. (if you do not yet know how to code with Cascading Style Sheets, look to the w3schools for a tutorial on the language.)
Why use CSS to create your menus?
CSS offers a way to add style to your content, while at the same time making it easier for search engines to scan your site, finding common and frequent words that tell the engines what your site is about. Opposed to menus made up of images, CSS menus are simple text and therefore easy to make changes to in the future. CSS also degrades easily if your viewers are using dated web browsers or mobile devices. But if you need something flashier and worthy of say, a design portfolio, you can just stick with images and JavaScript.
Borders are used throughout the tutorial as a visual clue as to how CSS affects certain elements.
|