Your SlideShare is downloading. ×
0
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

CSS

179

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
179
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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.

×