css external style sheet

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

Upload: bong-francisco-jr

Post on 17-May-2015

213 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Css external style sheet

Unit III: Adding Styles and Interactivity Using CSS and

Javascript

USING CASCADING STYLE SHEETSCSS CODES:

The External Style Sheet

Page 2: Css 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.

Page 3: Css external style sheet

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.

Page 4: Css external style sheet

CSS EXTERNAL STYLE SYNTAX

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