• Like
CSS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
155
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. Applying CSSUses We need to change the style of document. Easy to use. Time saving
  • 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. Selectors A selector is most often an HTML element H1 { color : Red; background : Yellow; } H1 Selector color Property Red Value
  • 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. 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. 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. Advantages Save a lot of time Easy to use Page load faster Easy maintains
  • 9. Disadvantages Browser compatibility. An extra download is required to import style information for each document.
  • 10. Conclusion CSS is the most powerful way to make the website more attractive. CSS is easy to use and learn.