Things You'll Need:
- Editing software
-
Step 1
The first step to adding a CSS page to your web document, is to remove all style controllers from your existing document. This includes tags such as <font>, <size>, and <color>. This will allow you to control these elements from the CSS rather than the document itself.
-
Step 2
Next, add the following statement into the code of your document, prior to the </head> tag. <link rel="stylesheet" href="mycss.css" type="text/css" /> Replace the "mycss.css" reference with the actual name of your CSS page.Save the document.
-
Step 3
Open a blank CSS page in your editing software and then save it with the name you used in Step 2.
-
Step 4
Begin adding elements to your CSS page that will control the content. Some suggestions are:body { } - This will allow you to set many definitions such as margins and placementtd { } - This allows you to control how the contents of a table are displayedp { } - The paragraph controller will define the color, size, font and many other options of text within the <p> </p> codinga { }, a:hover { } - Both of these controller define how Internet links are displayedli { } - This allows you to control the appearance of bullet items
-
Step 5
There are many books and Internet resources that outline numerous controllers that can be added to your CSS page and how to use them. Research these options and decide which are useful to your website.When you have finished adding items to your CSS page, be sure to save the document. Preview your original web document to view the changes controlled by the CSS page.
