Home About HTML About CSS Using HTML Using CSS History Of HTML History of CSS Web Designers Adding Java Where to Use HTML
Basic CSS Steps

BASIC CSS STEPS

Here is how you can start using CSS!


Fist to create a CSS file, simply go to "save as...". Save the file as .css.

Be sure to save the CSS file with your HTML files!



To link the CSS file to your HTML file, type this inside your head tag: link rel=”stylesheet” type=”text/css” href=”styles.css”

^^ Remember to put arrows around it! Every page that will use CSS has to have that header! ^^



The syntax in CSS is different than what it is in HTML. HTML uses arrows, while CSS uses curly brackets and semi-colons are used at the end of each line.


CSS is pretty straightforward. Here is how you can make your website unique:


  1. Select a section of your website that you would like to add CSS to.
  2. Go to your CSS page and write the name of the section. For example: body, p, head, div class, etc.
  3. Put curly brackets: { }
  4. Inside of the curly brackets, state what you would like to change. For example: (text) color, border color, border style, background color, etc.
  5. Put a color after the statement.
  6. State what color, size, style, etc you would like.
  7. Place a semi-colon at the end before the ending bracket.
  8. Optional: make the code look neat!




Now you can experiment! Let's Practice!

Here are some challenges:



Below are the answers: