Your SlideShare is downloading. ×
0
INTRODUCTIONCSS are the powerful way to affect the presentation of a document or collection of a document. Mozilla and r...
Applying CSSUses We need to change the style of document. Easy to use. Time saving
Applying CSS example <html> <head> <title> Untitled Document </title> </head> <body>                               HTML <p...
Selectors A selector is most often an HTML element       H1            {                color : Red;                backg...
Grouping Selectors           H2, p              {                   color : Gray;                   background : Yellow;  ...
Universal selectors CSS2 introduced a new simple selectors called  universal selector   *{color: red;} Class selectors  ...
Pseudo – Class selectors Pseudo – Class selectors are most supported by  browsers.             a. visited {color: red;}  ...
Advantages Save a lot of time Easy to use Page load faster Easy maintains
Disadvantages Browser compatibility. An extra download is required to import style  information for each document.
Conclusion CSS is the most powerful way to make the  website more attractive. CSS is easy to use  and learn.
CSS
CSS
Upcoming SlideShare
Loading in...5
×

CSS

185

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
185
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 "CSS"

  1. 1. INTRODUCTIONCSS are the powerful way to affect the presentation of a document or collection of a document. Mozilla and related browsers use CSS to affect the presentation of the browser Chrome itself.
  2. 2. Applying CSSUses We need to change the style of document. Easy to use. Time saving
  3. 3. Applying CSS example <html> <head> <title> Untitled Document </title> </head> <body> HTML <p> This is a paragraph </p> </body> </html> <style type = "text/CSS"> p { color : black; font : Arial; CSS } </style>
  4. 4. Selectors A selector is most often an HTML element H1 { color : Red; background : Yellow; } H1 Selector color Property Red Value
  5. 5. Grouping Selectors H2, p { color : Gray; background : Yellow; } H2, p Selector color Property Red Value Here we defined a rule where the style on the right (color : Gray;) applies to elements referenced by both selectors.
  6. 6. Universal selectors CSS2 introduced a new simple selectors called universal selector *{color: red;} Class selectors <p.class="warning"> This is a sample slide</p> <p> Hello world, <span class="warning"> good morning</p> *.warning {font-weight: bold;}
  7. 7. Pseudo – Class selectors Pseudo – Class selectors are most supported by browsers. a. visited {color: red;} a. link {color: blue;} a. hover {color: purple;} a. active {color: yellow;}
  8. 8. Advantages Save a lot of time Easy to use Page load faster Easy maintains
  9. 9. Disadvantages Browser compatibility. An extra download is required to import style information for each document.
  10. 10. Conclusion CSS is the most powerful way to make the website more attractive. CSS is easy to use and learn.
  1. A particular slide catching your eye?

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

×