Cascading style sheet


Published on

Published in: Technology, Education
1 Comment
1 Like
  • How are you today,
    i hope fine,my name is miss blessing, i saw your profile today at ( and i became interested in you i will also like to know more about you, and i will like you to send an email to me so that i can send my photos to you, remember that distance, color or language does not matter but love matters allot in life, am waiting for your reply in my E-mail ID at have a nice day yours blessing.
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Cascading style sheet

  1. 1. Cascading style sheet (c.s.s) Powerpoint Templates Page 1
  2. 2. For designing rich look web pages we use c.s.sWe have 3types of c.s.s Inline style sheet Embeded style sheet External style sheetWe type the code in notepad and save it in .html format. Powerpoint Templates Page 2
  3. 3. Inline style sheet: For this we write c.s.s propertiesdirectly at the tags by using style attribute. Powerpoint Templates Page 3
  4. 4. Properties:• Background-color: Used to change the bgcolor of a text in a web page.• Color: Used to apply Color to the text in a web page.• Text-align: Used to adjust the text in left, right, centre of the page.• Word-spacing: Used to give specified space in b/w the words.• Letter-spacing: Used to give specified space in b/w the letters.(ex: 12px px means pixel) Powerpoint Templates Page 4
  5. 5. • Font-size: Used to give specified size to the font in the web page or a paragraph.• Padding: used to give or arrange space (distance) b/w text of a paragraph Background Color in all 4 sides it gives distance.• Line-height: line to line distance.• Text- align: it helps to arrange the text in a paragraph to maintain same length in a line.• Text-indent: it helps to provide a distance for a first line in a paragraph starting. Powerpoint Templates Page 5
  6. 6. Embeded style sheet. : For this we write c.s.sproperties at the head part by using style attribute
  7. 7. properties  url: it helps to bring the image to a web page by giving its address or the image name with format.(ex: bg.jpg) “background- image: url (“nh.jpg”)  Background-repeat: when we add an image then it will be added in a x , y axis format , no-repeat. So we have 4 types  Background-color: to give color to the webpage.
  8. 8. Paragraph styles
  9. 9. Border-style: solid, dotted, double
  10. 10. External style sheet: for this we write the css properties in another notepad nd save it with .css format. We are calling this css file at the head part of the html by using link tag.
  11. 11. properties• Link: This is used to link the code in different notepads.• Syntax: <link rel="stylesheet" type="text/css" href="external.css">
  12. 12.  If we save it in .jpeg format then it will be saved default with background color. If we apply logo on our webpage then bgcolor of logo will also come on our website. We want only logo so we save it with .png format.
  13. 13. Creating of horizontal menu: Page 14
  14. 14. properties Page 15
  15. 15. Inserting of ICON: