In your web1 folder, open file stylesheets.html

You are not going to touch any of the HTML code in the page (between <body> body tag and close </body> body tag. You are going to define how those tags will appear on the page.

Using CSS (Cascading Style Sheets)

There is formatting code in the body of this page. <p> is the start of a paragraph; <h1> should be the largest headline; <h2> should be the subtitle; <ul> is unordered list; <li> is list item. There are others.

Right now the page is showing the default for all these tags (except for <p>).

Change the values for the classes in <p>

Now also create CSS code (selector {class:value}) for:


You need to define those tags in the head of the file.

There are three parts to CSS code:

selector {class:value; class:value}

for example:

p {font-family:verdana,sans-serif; font-size:12pt; line-height:15pt; color:#006633}