My first styled page

Step 1:

  1. The doctype tag means Document Type, it tells the browser which type of HTML is this
  2. Hyperlink is a link that link to other pages of our website.
  3. Because they make files that a Web browser cannot read.

Step 2:

  1. Selector is which tells the browser which part of the document is affected by the rule.
  2. The 'color' property sets the color of the text for the body element.
  3. The tag.

Step 3:

  1. The Helvetica font will appear in the H1 heading.
  2. If the font is not working on some people's browser, so it could have some alternitive fonts to use.

Step 4:

  1. Use the padding property to move the body text.
  2. "em" means how many times the size of the current font.
  3. All the li tags that pass the li.nav is affected.

Step 5:

  1. It changed color as the mouse slide through.
  2. It made no effects on the text.
  3. They distinguish from class atributes, that appear in the HTML directly.

Step 6:

  1. Dashed border and double border.

Step 7:

  1. Because everytime we create a new page, we can always link the style to the external file, so we don't need to retype the style again everytime.
  2. <.link rel="stylesheet" href="mystyle.css">

Made February 8, 2011
by Winnie