LAB | Navigation

In teams, develop your navigation bar and header. Start with high fidelity mock-ups that clearly show your classmates what the different states of your navigation bar will look like

One common solution is for an element on the page to be a “return to home” button. You may want to use the favicon you have been developing as a home button.

psuedo classes navigation bar

/* unvisited link */

a:link {

  color: #FF0000;

}

/* visited link */

a:visited {

  color: #00FF00;

}

/* mouse over link */

a:hover {

  color: #FF00FF;

}

/* selected link */

a:active {

  color: #0000FF;

}

Leave a Reply

Your email address will not be published. Required fields are marked *