Css external style sheet

369 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
369
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Css external style sheet

  1. 1. Unit III: Adding Styles andInteractivity Using CSS and Javascript
  2. 2. • External style sheets are the best way to put CSS styles on your web pages. Once youve gone beyond the basics of creating CSS styles, youll want to be able to use the same styles across multiple pages on your site. External style sheets make this easy to do.
  3. 3. To Start Building an External Style Sheet, You Need to Write Some CSS• Open a blank page in your text editor and write out your styles as you would if you were putting them in the <style> tag (such as in an internal style sheet) in the head of your document. But dont write any HTML.• For example:• body { background-color : #fff; color : #0c0; }Once youve written your entire style sheet, save it as a .css file. Make a note of where you saved it so that you know what the URL will be when you upload it.
  4. 4. CSS EXTERNAL STYLE SYNTAX<html><head><title>External Style Sheet</title><link rel= "stylesheet" type="text/css"href="style.css"/></head><body>

×