Let's try some fonts... (fix font)
This paragraph uses the default font.
This paragraph uses Gill Sans font form our style sheet, Verdana
The garagraph uses Baskerville font.
This paragrah uses impact font
This paragraph uses Lucda Grande font.
This paragraph uses Consolas, a monospaced font.
This paragraphuses Lucida Handwriting font.
This paragraph uses bangers font form google
Let's style some link to bookmarks on our page...
There are four states of links:
- link - a normal, unvisited link
- visited - a link the user has visted
- hover - a link when the user mouses over it
- active - a link the moment it is clicked
(Notice I used the google Icon "Link" as the bullet symbol and increased the font size to 200%. Your should figure out how to do that, too.
You will creat internal bookmarks to the oclors, fonts, links, adn box bodel sections of this page. Style the unvisited links as yellow. Visited links should be orange. The hover color shoulc 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
HOME
Let's so some Box Bodel examples!
below you will find some elements with various settings for their margins, borders, adn padding. You should add the same elements to your page.
Background-color:
black; width: 300px;
border:15px soldi green;
Padding:50px; margin:20px;
background-color: black;
width: 100px;
border: 15px solid green;
padding 50px; margin 20px