Cascading Style Sheets (CSS); Learning More
By Will Bontrager
2003-10-05
Reader Rating: 
Introduction
In the "Cascading Style Sheets (CSS) -- Getting Started" article, the first in this series, you learned how to use an external style sheet. You simply include one line of code on your pages to affect the entire page with the style specified in that external style sheet.
This article will show you how to embed a style sheet directly into your web page. It will also show you how to define custom styles, styles not associated with any particular HTML tags.
There are four ways a style can be applied to a web page:
1. Styles are specified through the use of an external file, a method called "external style sheet" or "linked style sheet." There is one file on your site that specifies the styles. Then, one line in each of your web pages links to that file. To change the style on all your web pages, simply change the external file. This is the method you learned in the first article in this series.
2. Styles are specified in the HEAD area of each page the style is applied to. This method is called "embedded style sheet" and is the method you'll learn in this article.
3. A style is specified in the actual HTML tag where the style is applied. This is called an "inline style." This will be addresses in a future article.
4. A combination of embedded and external style sheets. For this, each page has an embedded style sheet. Within the embedded style sheet are certain codes that import one or more external style sheets. This method is called "imported style sheet." This will be addresses in a future article.
Copyright 2004 Bontrager Connection, LLC
If you found this article interesting, you may want to read these as well:
» Cascading Style Sheets (CSS); Backgrounds (part 2 of 2)
» Cascading Style Sheets (CSS); Backgrounds (part 1 of 2)
» Cascading Style Sheets (CSS); Getting Started
|
