Design

If you are behind and skipped LINKS, you will have everything on one webpage so some of the instructions will look different for you. Skip "Link Colors" and "Links". If you have time, you can do the steps for Internal Links at the end.

Watch this CSS Basics video first (~2 min of it)

CSS

  • CSS stands for Cascading Style Sheets.
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files

For each style in your sheet:

  • start by typing the selector or rule name and type out the opening bracket "{"
    the closing bracket "}" automatically appears in Notepad
  • [Enter] 2x so the closing bracket is on a line by itself and there's an empty line 
  • TAB over on the middle line to type out the first property
    • need a colon ":"after the property
    • after the property value, you need to end with a semicolon ";"

  • You want to type each property on its own line
  • TAB in so it's easy to read.
  • The closing bracket } should be on an empty line at the end.

HTML Colors

We'll use this website: html-color.codes

You'll have to copy the name or the HEX number. 

If you want to learn more, you can look through w3schools: CSS Colors | HEX

Link Style