phpeveryday.com

In this posting, I will explain the different ways in wich you can use CSS Style in your HTML documents. There are 3 ways: Inline Styles, Embedded Styles, and External Style Sheets.

Inline Styles

This is simplest method. An inline style is applied via the style attribut. You can see following example inline style:

<p style="font-family: verdana; color: #FF9900">hi, i am an inline style.</p>

The major disadvantage: you can not reuse them. You must define every tag (every p maybe).

Embedded Styles

Another style, applying CSS styles to web pages is to use the style element. We declare any number of CSS styles by placing them betwwn the opening and closing <style> tags.

<style type="text/css">
place your CSS here
</style>

The major disadvantage: you must repeat those style definitions within style element at the top every one of your site's page.

External Style Sheets

It is a external syle sheet file that contents a web site's CSS styles. We separate them from any one web page. Multiple pages can link to the same .css file, and any changes you make to this file will affect all the page that link to it.

To link a document to an external style sheet (example styles.css), place a link element in the document's header:

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