| Welcome to the Styles Web Page | |
| C O N T E N T S |
Chapter 1: How to Create Inline Styles |
| Chapter 2: Creating Embedded Styles | |
| Chapter 3: Steps for Creating External Style Sheets | |
Styles can be applied in several different ways
Inline Styles (using the style attribute) – is applied directly in the HTML code in the body of the document. Often makes use of the div or span tags
Embedded Styles (style elements) – placed in the HEAD of the document and applies to the entire document.
External Style Sheets – this is an external file that contains a list of all of the styles and their attributes. This file is typically referenced by all web pages in a site thus providing a consistent appearance throughout the site. To change the appearance of the site you make the change in the style sheet and all pages are updated automatically.
Imported Style Sheets – this is not commonly used but uses the @import statement to link to a style sheet by referencing the URL where the style sheet is located. @import url(http://www.zd.com/mystyles.css)