This document summarizes CSS advanced topics including pseudo-classes and pseudo-elements, navigation bars, image galleries, image opacity, image sprites, media types, and attribute selectors. It provides examples and descriptions of CSS pseudo-classes like :hover and :active, pseudo-elements like :first-letter and :before, and media types for responsive design. Navigation bars, image galleries, opacity, and sprites are introduced for further exploration in part 2 of each topic.

1. WDES106
CSS Advanced -- Part 2
about.me/babon

2. CSS Advanced Topics
CSS Pseudo-class (Part 2)
CSS Pseudo-element (Part 2)
CSS Navigation Bar (Part 1)
CSS Image Gallery (Part 1)
CSS Image Opacity (Part 1)
CSS Image Sprites (Part 1)
CSS Media Types (Part 2)
CSS Attribute Selectors (Part 2)
about.me/babon

3. CSS Pseudo-class
CSS pseudo-classes are used to add special
effects to some selectors.
Selector Example LOVE | HATE
:link a:link
:visited a:visited
:hover a:hover
:active a:active
about.me/babon

4. CSS Pseudo-element
Selector Example
:focus input:focus
:first-letter p:first-letter
:first-line p:first-line
:first-child p:first-child
:before p:before
:after p:after
:lang(language) p:lang(it)
about.me/babon

5. CSS Pseudo-element
Example:
pseudo_class.html
about.me/babon

6. CSS Media Types
The @media rule allows different style rules for
different media in the same style sheet.
See Responsive Design example:
CSS3: The Missing Manual
about.me/babon

7. CSS Attribute Selectors
about.me/babon