Cascading style sheet
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • How are you today,
    i hope fine,my name is miss blessing, i saw your profile today at (www.slideshare.net) 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 blessingandrew3@yahoo.com have a nice day yours blessing.
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
480
On Slideshare
480
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
9
Comments
1
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. Cascading style sheet (c.s.s) Powerpoint Templates Page 1
  • 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. Inline style sheet: For this we write c.s.s propertiesdirectly at the tags by using style attribute. Powerpoint Templates Page 3
  • 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. • 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. Embeded style sheet. : For this we write c.s.sproperties at the head part by using style attribute
  • 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. Paragraph styles
  • 9. Border-style: solid, dotted, double
  • 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. properties• Link: This is used to link the code in different notepads.• Syntax: <link rel="stylesheet" type="text/css" href="external.css">
  • 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. Creating of horizontal menu: Page 14
  • 14. properties Page 15
  • 15. Inserting of ICON: