Insert CSS in web page

How to insert CSS into your web pages. See the code below

<!-- Method 1 - should be placed inside the header-->
    <link rel="stylesheet" href="example.css" />

    <!-- Method 2 - should also be placed inside the header-->
    <style type="text/css">
        @import URL(example.css);
    </style>

    <!-- Method 3 - should also be placed inside the header-->
    <style type="text/css">
        body{
            font-family: Gill, Helvetica, sans-serif;
        }
    </style>

    <!-- Method 4 - is plased inside the element using the style attribute-->
    <p style="color:#ff0000;">Paragraph</p>

Make your own CSS rollover navigation

This tutorial will help you write your own CSS to make a simple and stylish rollover navigation.
There is no JavaScript involved but just easy to read and understand CSS code.  The code is explained so that you can further develop the navigation into your own web site.

Here is the tutorial link: How to create a CSS rollover navigation >>.

Enjoy making your navigation.