Css external style sheet

Jamjolojessa 574 views 4 slides Dec 10, 2012

Slide 1 of 4

About This Presentation

No description available for this slideshow.

Size: 65.02 KB

Language: en

Added: Dec 10, 2012

Slides: 4 pages

Slide Content

Unit III: Adding Styles and Interactivity Using CSS and Javascript USING CASCADING STYLE SHEETS CSS CODES: The External Style Sheet

External style sheets are the best way to put CSS styles on your web pages. Once you've gone beyond the basics of creating CSS styles, you'll want to be able to use the same styles across multiple pages on your site. External style sheets make this easy to do.

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 don't write any HTML. For example: body { background-color : # fff ; color : #0c0; }Once you've 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.

CSS EXTERNAL STYLE SYNTAX <html> <head> <title>External Style Sheet</title> <link rel = " stylesheet " type="text/ css " href ="style.css"/> </head> <body>