Embedded Style Sheets

The style tags should always located inside the <head> tags before the </head> tag. The format of the style tags is as follows:

<style type="text/css">
</style>

CSS rules would then be inserted between the start style and end style tags.

Understanding CSS Terminology

The basic format of a CSS rule is as follows:

The CSS rule is made up of a selector (the h1), one or more declarations (color: #333) inclosed in a Declaration box (everything inside the curly brackets.) The Declaration is made up of a property (color) and a value (#333).

Creating sections of a page

The Div tag can be used to separate a web page into different sections that can be formatted differently.
The attribute can be class or id. Ids must be unique in a document, but you can have several elements with the same class attribute.

The Value is the name of the id or class which can be referred to in a CSS rule statement

Adding styles to a document

Styles within a document should always be defined in the head section of the page, before the </head> tag.

All style rules should be enclosed in the following tags:

<style type="text/css">
</style>

Click on the following links to learn more about CSS Styles. To return to this screen, click on back. To see the source of a web page, click on the View menu and choose Document Source. Close the Document Source window to return to the web page.

Simple Style Rules
Selectors and the Cascade
Specificity and User Style Sheets
The CSS Box Model
Using Floats
Forground and Background Properties
Background Images
Setting Typography Part I
Setting Typography Part II
Creating Whitespace and Separation
Padding, Negative Margins And Collapsing Margins
Styling Tables
Styling for Print
CSS Stylesheet Exercise 1
CSS Stylesheet Exercise 2