Three different ways to define CSS

You can have your css code in three ways.

1. InLine CSS: which means you add style tag to a html object then define your css there.
2. Page CSS: which means you apply your css in a style tag usually in head and then you can define your css in this tag. 
3. File CSS: Which means you put your css in a file with extension of css then you can reference the file from your html by using link tag in head. obviously this is the most effective way and as a developer try to use this technique all the time. see the next post how to do this.