Hour 22: User Interface and Generated Content
The CSS properties defined in the Cascading Style Sheets Level 2 specification allow you to do more than simply place and present content. Specific properties also allow you to directly shape the user's experience through interaction with the operating system and browser; other properties let you add to the content of the page to build an appropriate presentation for the user.
In this hour, you'll learn
- How you can change the appearance of the mouse pointer
- Which properties allow you to create outlines, and how an outline is different from a border
- How to use the system colors and fonts in your design, and why you'd want to in the first place
- How you can add additional content to a page, before or after specific elements
- Which properties let you control the appearance of quotation marks
- How counters and markers can be used to automatically number lists and other elements
Sample Code
You can download the sample code from each hour as one package or individual files.
- Download all [2.8K tar.gz file]
- Listing 22.1 [HTML]
- Sample Cursor [CUR format]
- Sample Cursor [GIF format]
- Sample Cursor [TIFF format]
- Listing 22.2 [HTML]
- Listing 22.3 [CSS]
- Listing 22.2 with style sheet 22.3 [HTML]
- Listing 22.4 [CSS]
- Listing 22.2 with style sheet 22.4 [HTML]
- Listing 22.5 [CSS]
- Listing 22.2 with style sheet 22.5 [HTML]
- Listing 22.6 [CSS]
- Listing 22.2 with style sheet 22.6 [HTML]
- Listing 22.7 [CSS]
- Listing 22.2 with style sheet 22.7 [HTML]
- "Option" cloverleaf graphic [GIF format]
Web Links
These are the links presented in this hour, given here for easy reference.
Updates and Errata
There are currently no updates to this hour's content.
