Your SlideShare is downloading. ×
0
WDES106CSS Advanced -- Part 2                    about.me/babon
CSS Advanced TopicsCSS Pseudo-class (Part 2)CSS Pseudo-element (Part 2)CSS Navigation Bar (Part 1)CSS Image Gallery (Part ...
CSS Pseudo-classCSS pseudo-classes are used to add specialeffects to some selectors.Selector       Example     LOVE | HATE...
CSS Pseudo-elementSelector        Example:focus          input:focus:first-letter   p:first-letter:first-line     p:first-...
CSS Pseudo-elementExample:pseudo_class.html                     about.me/babon
CSS Media TypesThe @media rule allows different style rules fordifferent media in the same style sheet.See Responsive Desi...
CSS Attribute Selectors                          about.me/babon
Upcoming SlideShare
Loading in...5
×

WDES106 CSS Advanced Part 2

82

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
82
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "WDES106 CSS Advanced Part 2"

  1. 1. WDES106CSS Advanced -- Part 2 about.me/babon
  2. 2. CSS Advanced TopicsCSS 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. 3. CSS Pseudo-classCSS pseudo-classes are used to add specialeffects to some selectors.Selector Example LOVE | HATE:link a:link:visited a:visited:hover a:hover:active a:active about.me/babon
  4. 4. CSS Pseudo-elementSelector 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. 5. CSS Pseudo-elementExample:pseudo_class.html about.me/babon
  6. 6. CSS Media TypesThe @media rule allows different style rules fordifferent media in the same style sheet.See Responsive Design example:CSS3: The Missing Manual about.me/babon
  7. 7. CSS Attribute Selectors about.me/babon
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×