Css external style sheet
Download as PPTX, PDF1 like583 views
This document discusses how to add styles and interactivity to web pages using CSS and JavaScript. It explains that external style sheets allow the same styles to be used across multiple pages by writing CSS selectors and rules in a separate .css file rather than internally. The syntax for linking an external style sheet involves adding a <link> tag in the <head> with the rel attribute set to "stylesheet" and the href attribute pointing to the URL of the .css file.
Css external style sheet
- 1. Unit III: Adding Styles and Interactivity Using CSS and Javascript
- 2. • 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.
- 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 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.
- 4. CSS EXTERNAL STYLE SYNTAX <html> <head> <title>External Style Sheet</title> <link rel= "stylesheet" type="text/css" href="style.css"/> </head> <body>