Text and Link Styling

Font Practice

Begin by assigning some background colors and padding settings to these elements in the attached css file: body, h1, p, etc.

Style the text tags on this page through the attached CSS file (font-family, color, font-size, etc.). Then practice making links according to the instructions below, and styling the link states in the CSS file.

If you want to try it, pull in a Google font for the h1 level heading. Visit Google Fonts, choose a font, select the weight(s) you want, and insert the html they give you into the head tag above, then specify the font-family name according to the code they supply to you on the Google Fonts page.

Link Practice

What is your favorite book? Type the name of it here: _________. Make the name of the book link to the book's page on Amazon, and make it open in a new window.

Email me! Make the first sentence in this paragraph launch a message to your personal email address.

Now go into the css file to style the various link states available there (p a:link, etc.).