Create an external style sheet which sets the default style for a document to be centre-aligned yellow text in Arial font on a black background.
All levels of headings (<h1> through to <h6>) should be transformed into upper-case.
There should be two classes that can be used to override the default settings these are
a) "lower" to cause the text to be transformed into lower case and
b) "left" to cause the text to be left aligned.
Apply your style sheet to this document so that it looks like the example below.
Amend the document (not the style sheet) that you created above using inline style properties so that one of the headings displays in reversed colours (i.e. black on yellow) and one of the headings appears in italics.
csstuteg3.htm contains an image and some text.
Using style properties change the page so that it appears as below in as many browsers as you can manage to test it with.
Create two (or more) style files that can be applied to the XHTML site advertising a film that you created in last week's tutorial. Experiment with creating a different look and feel from each of the two CSS files.