External CSS

Besides INLINE CSS and INTERNAL CSS, there's also EXTERNAL CSS. This third method uses a second file to store the CSS information. The file is referenced in the HEAD section of the HTML document(s) it pertains to. Check out the code for this page and find the LINK tag located in the HEAD section of this page. Then inspect the styles.css file after that.

CSS can be quite elaborate, but this example is pretty darn simple. Nothing tricky, just basic code. Do some online research to see some examples of much more complicated CSS.

Assignment

For this assignment you will do some more online research. Find some interesting examples of CSS in action. Experiment with them and then select ten tricks which haven't been used in this unit up to this point and implement them on an HTML page. Since it's hard to predict what tricks you'll decide to implement, the format of the final assignment is left undefined, but you will be expected to create a webpage utilizing a style sheet which is reasonably presentable both in terms of content and design.