Web Authoring      Topic 4 -Adding Style to HTML
ObjectivesStudents should able to:1. How to load html text and cascading   style sheets.2. Apply style sheets in HTML   do...
Style SheetAny style sheet language may be usedwith HTML.The syntax of style data depends on thestyle sheet language.Use t...
Style SheetAuthor should put the following declarationin the HEAD of their document when usingCascading Style Sheet (CSS):...
Why use Style Sheet?Style sheets make it easy to specify:  • the amount of white space between     text lines,  • the amou...
Why use Style Sheet?For example:   P.special {   color : green;border: solid red;   }This sets the text colour of a paragr...
Types of Style Sheet1. Flexible placement of style information:Placing style sheets in separate filesmakes them easy to re...
Types of Style Sheet2. CascadingCapability provided by CSS to allow styleinformation from several sources to beblended tog...
Upcoming SlideShare
Loading in...5
×

Web topic 4 style in html

340

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
340
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web topic 4 style in html

  1. 1. Web Authoring Topic 4 -Adding Style to HTML
  2. 2. ObjectivesStudents should able to:1. How to load html text and cascading style sheets.2. Apply style sheets in HTML documents.
  3. 3. Style SheetAny style sheet language may be usedwith HTML.The syntax of style data depends on thestyle sheet language.Use the META element to set the defaultstyle sheet language for a document.
  4. 4. Style SheetAuthor should put the following declarationin the HEAD of their document when usingCascading Style Sheet (CSS):<META http-equiv="Content-Style-Type"content="text/css">.
  5. 5. Why use Style Sheet?Style sheets make it easy to specify: • the amount of white space between text lines, • the amount lines are indented, • the colours used for the text and the backgrounds, • the font size and style, and • a host of other details.
  6. 6. Why use Style Sheet?For example: P.special { color : green;border: solid red; }This sets the text colour of a paragraph togreen and surrounds it with a solid redborder.
  7. 7. Types of Style Sheet1. Flexible placement of style information:Placing style sheets in separate filesmakes them easy to reuse.It is useful to include renderinginstructions within the document to atthe start of the document to make iteasier to manage style.
  8. 8. Types of Style Sheet2. CascadingCapability provided by CSS to allow styleinformation from several sources to beblended together.The cascade defines an ordered sequence ofstyle sheets where rules in later sheets havegreater precedence than earlier ones.
  1. A particular slide catching your eye?

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

×