Lab 5: Cascading Style Sheets

Writing with Style

In this lab you will use an external style sheet to format one or more web pages. Include as little formatting as possible in the html document itself. You may use this style sheet to format all of your home web pages or you may create a new web page. In either case, start very simply with using a style sheet to format a single test page. Once you are comfortable with using css files, then think about how you can use one to format one or more of the pages in your web site.

In the external style sheet include styles for the following:

• The font (style, weight, color, size) for all of the h1-h6, p, ul, li, etc
• Change some of the properties of tags within a given context (e.g. h1 em {font-weight:bold; ...}.
• Include some classes of properties using the .classname syntax. They may be either global or in a specific context.

More Test Questions

Create 2-3 test questions based on the new material we have covered since the last set of questions. Please follow the instructions below.

• Be creative with the questions!
• Send the questions via email (cs-130-01).
• Put "cs130 Second Quarter" in the email subject line.
• In the email, include html coding so that the questions can easily be cut and pasted into a web page. Assume that the questions will be in an ordered list. You must use the formatting exactly as shown in the example below. Don't forget the closing tags!

         <li><p><b>Question:</b>  Please define dithering.  </p>
             <p><b>Answer:</b>   Dithering is ...  </p>
         </li>
        

• Test your the formatting for the test questions in an html page before sending them. Thanks.