Basics of Cascading Style Sheets, Part 1

The reading for this lab, Starting with HTML + CSS, outlines a step-by-step process for starting with a simple Web page and then using Cascading Style Sheets to provide formatting instructions to refine the appearance of the page.

1. Follow the seven steps described in the tutorial, Starting with HTML + CSS. For each step, be sure you understand what is being inserted into which file (e.g., HTML or css), and how the new material impacts the appearance of the Web page.

2. Make a fresh copy of the abbreviated CS 199 syllabus.

   1. Insert a meta tag in the header to specify a style sheet called, "style-css-lab-1.css".
   2. Be creative in creating the file, "style-css-lab-1.css", which changes the appearance of the abbreviated syllabus. Although you can adjust the appearance of the abbreviated syllabus as you wish, changes must include at least the following.
      • At least two parts of the text should have different colors.
      • At least some part of the page should have a background color other than black or white.
      • The left edge of the text should be at least 1/2" in size and be colored differently from other parts of the page.
      • The text and/or background colors for the ordered list should be different from the text and/or background colors for the unordered (bullet) lists.

created 15 January 2019 revised 15 January 2019