Sams Teach Yourself HTML and CSS in 24 Hours

Hour 18. Using Mouse Actions to Modify Text Display

WHAT YOU’LL LEARN IN THIS HOUR:

• How to create tool tips with CSS

• How to display additional rollover text with CSS

• How to access events

• How to use onclick to change the appearence of <div>

Throughout this book, you have seen examples of how mouse actions can affect the display of text. The simplest example is when the hover pseudoclass of the <a> link is defined in the style sheet to display text in a different color when a user’s mouse hovers over it. In the previous hour, you learned how the hover pseudoclass changed both the text color and the background color of an <li> element.

In this hour, you’ll learn how to achieve two specific actions that combine CSS and mouse actions—displaying ...