Css basic

Print all 18 Chapters - CSS Basics

3/07/07 2:13 AM

CSS Basics.com
Chapter: 1 - Introduction to CSS
A CSS (cascading style sheet) fileallows you to separate your web sites (X)HTML content from it's style. As always you use your (X)HTML file to arrange the content, but all of thepresentation (fonts, colors, background, borders, text formatting, link effects & so on...) are accomplished within a CSS. At this point you havesome choices of how to use the CSS, either internally or externally.

Internal Stylesheet
First we will explore the internal method. This way youare simply placing the CSS code within the tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the examplebelow.
CSS Content Goes Here

With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changesyou want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want differentpages to have varying styles.

External Stylesheet
Next we will explore the external method. An external CSS file can be created with any textor HTML editor such as "Notepad" or "Dreamweaver". A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. Youcan link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS file.