Virtual University: Exercises from Classes


CSS

JavaScript

Homework Week 1:
CSS Basics: Fonts and Colors

Exercise 1.1
This creates rules for the BODY, H1, H2 and P selectors and puts them into an external stylesheet
Commentary
Homework 1
Exercise 1.2
This uses an image background for the text
Commentary
 

Homework Week 2:
Embedded Styles and Lists 

Exercise 2.1
This puts formatting internally in the page to overrule the external style sheet
Commentary
Homework 2
Alerts and interactivity
Exercise 2.2
This uses nested lists and contextual selectors
Commentary
 

Homework Week 3:
Inline styles, SPAN, DIV and
CLASS, Design  

Exercise 3
This has six parts demonstrating use of all the above, plus FLOAT, CLEAR and MARGIN tricks
Commentary
Homework 3
Mouseovers and Pop-up Windows

Homework Week 4:
ID, Inheritance, Pseudos, Display 

Exercise 4
This demonstrates PSEUDO selectors in action and plays with line and word spacing
Commentary
Homework 4 & 5
Drop-down Menus and Rollovers

Homework Week 5:
Positioning and Overflow  

Exercise 5
This demonstrates absolute and relative position, plus ways of handling overflows

Commentary