This website began as a 4-page hand-out.  Obviously, when students wanted to copy a piece of code, they had to type it out rather than do what digital writers actually do: copy the code and paste it where you need it.  

The hand-out, however, was still a good start for me.  It let me see what parts of the CSS students needed most and how to help them understand it. I still use the hand-out in my classes, but now I supplement it with a website devoted to the CSS of the ePortfolio platform.