Part of Lesson Plan: Introduction to Cascading Style Sheets (CSS)

Activity Overview / Details

Now that you know how to make a CSS rule for the body tag, let’s make some more rules for paragraphs, H1 headings, and H2 headings.  You can use my pre-made list of rules or go to a site like www.w3schools.com   and look for “learn CSS.”

H1 will have a background color of White or #FFFFFF and t.he text-alignment will be centered.

(NOTE to teacher:  Students will have been informed of the web colors and corresponding hexidecimal numbering system before this unit.)

H2 will have a background color of aqua or #00FFFF and a font color of DarkBlue or #00008B

The paragraphs will have a background color of LightCyan or #E3E4E6 and and font of Arial.

The paragraps will also have a white border, with a thickness of 5 pixels, a style called "outset"

After you've applied the background colors to the headings, you can remove the colored backgrounds for the headings if you'd like.  We'll study ways of improving the looks of those headings later.  But keep the paragraph style that we've created for now.

Congratulations!  You've formatted a web page with CSS.  You've also learned how to be a "self learner."  Without too much guidance from your teacher, you've learned how to apply styles while researching them on the web.  Being a self learner, or life-long learner is important in this "Information Age."