CSS (Cascading Style Sheets)

Including CSS in a html page

There are three ways to include CSS in a html page:

Inline
With the STYLE tag
External Styles

Inline

Inline styles allow to insert a specific style directly with the html-tag they're applied to:

<p style='font-family:Verdana'>some text</p>

Style Tag

Style tags are usually placed in the head part of the html document:

<html>
<head>
   <title>Some Title</title>
   <style type='text/css'> 
    <!--
      p  { color:blue; font-family:'Verdana'; }
      h1 { color:red;  font-family:'Verdana'; font-size:12px; }
    -->
    </style>
    </head>

   <body>
     <h1>Heading 1</h1>
     <p>Inside P</p>
   </body>
</html>

External Styles

<link rel='stylesheet' type='text/css' href='somestylesheets.css' />

Note, external style sheets are included by the link tag, not a style tag. Also, the included style sheet must not contain any html or style tags.

Other CSS things

The five generic values for font-family

Predefined color names.

Margin, border and padding.

Tables

Cascading Style Sheets, level 2 CSS2 Specification. And here's its property index.

Here's a CSS Checker.