Editing your CSS

When you open your css file you will see code that flows down the page from top to bottom. Each line of code has an associated line number so it is easy to make a note of where something is, especially if you intend changing it. As you can see in the example below for example, line 96 tells you the font size of H1 (Heading 1) text, if you want to change the size you simply change that number and resave.

 

At various places in the code you will see remarks. These are comments that have been added to explain what something does. They do not affect the code in any way. Remarks are placed between /* text here */ see line 97 in the image below

 


task

You are now going to edit your css file to set up your colour schemes. Your teacher will demonstrate how to do this in Dreamweaver