HTML and CSS Reference
In-Depth Information
Either way, they would both work.
Sometimes a “
cl
” is better, sometimes it's “
cf
”. It
depends on what you need to get done for the task.
Move on to the menu styling needed for the
#header.
Here's how the CSS should look like:
#menu {
line-height:0;
/* remove unwanted space caused by a children with clearfix */
}
#menu ul {
padding:13px 0;
/* create space between the top and bottom edges of links */
}
#menu ul li {
font:normal 20px/25px “Marvel”, Arial, sans-serif;
/* set the custom font */
text-transform:uppercase;
/* uppercase all text from CSS */
margin:0 30px 0 0;
/* create space between the right and left edges of links */
}
#menu ul li a {
text-decoration:none;
/* disable the underline style */
color:#b9b9b9;
/* change the color of each anchor */
}
#menu ul li.active a,
#menu ul li a:hover {
text-decoration:underline;
/* enable the underline style */
color:#FFF;
/* change the color differently */
}