Show Me Some Color!!!

Tomato

Orange

DogerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

 

 

 

Let's try some fonts...

This paragraph uses the default font.

This paragraph uses Gill Sans font from our style sheet, Verdana.

This paragraph uses Baskerville font.

This paragraph uses Impact font.

This paragraph uses Lucida Grande font.

This paragraph uses Consolas, a monospaced font.

This paragraph uses Lucida Handwriting font.

This paragraph uses Bangers Font from google.

 

 

 

Let's style some links to bookmarks on our page...

There are four states for links:

(Notice I used the google Icon "Link" as the bullet symbol and increased the font size to 200%. You should figure out how to do that, too)

You will create internal bookmarks to the colors, fonts, links and box model sections of the page. Style the unvisited links as yellow. Visited links should be orange. the hover color should be green, and the active color should be red.

Jump to the colors section

Jump to the fonts section

Jump to the links section

Jump to the Box Model section

 

 

 

Let's do some Box Model examples!

Below you will find some elements with various settings for their margins, borders, and padding. You should add the same elements to your page.

background-color: black; width: 300px; border: 15px solid green; margin: 20px; padding: 50px;
background-color: darkred; width: 500px; border: 5px dashed white; padding: 20px; margin: 0px; margin-left: 400px;