xhtml and css
Style Sheet Types

Inline Style

This is done within the <body> of the HTML document.
Inline styles have the highest priority and will override other type style sheets.

<p style="color: rgb(0,0,255)"> This is a paragraph. </p>

Internal Style

This is done within the <head> of the HTML document.
It will override external style sheets.

<head>
 .....
<style type="text/css">
h1 { font-size: x-large; color: rgb(0, 0, 255); }
h2 { font-size: large; color: rgb(0, 255, 255); }
</style>
 ......
</head>

External Style Sheets

This is a separate document with a .css extension. It is linked to the HTML page by including the line below in the <head> of the document.

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



Author - Alan Dunbar
Creative Commons Licence
Valid XHTML 1.0