A Brief Note about Cascading Style Sheets



One: Inline style:

		<p style="color:red">This line has been styled red.</p>
		This line is black.
is presented by an HTML browser as:

This line has been styled red.

This line is black.

Two: Style tags in head of document

		<head>
		<style type = "text/css">
			p { color: red }
		</style>
		</head>
Your HTML browser will color text inside paragraph tags as red.

Three: Linking to an external style sheet

First create a style sheet file

The file "style.css"
p { color: red }


In your content file, create a link to this style sheet file:

<head>
<link rel=stylesheet href="style.css" type="text/css" />
</head>


Your HTML browser will color text inside paragraph tags as red.