Need Help Replacing header tags with CSS codes

**hlcl** · 09-22-2004, 08:48 PM

Hi,

I don't know anything about codes so please be easy on me.

I need to replace header tags <h1> through <h4> with CSS codes but I don't know how to do it. Here is an example header.
<h1>Home Loans Car Loans has the best Mortgage Rates for your loan needs</h>

Can someone please show me how I would add the CSS code for it.

Much Appreciated!
Thanks,
Cindy

**WebcyteDesign** · 09-22-2004, 10:36 PM

<html>
<head>
<title></title>

<style type="text/css">

h1{color: black; font-family: verdana; font-size: 16px; font-weight: bold;}

</style>

</head>
<body>

</body>
</html>

The above will change all h1 tags on that page to the above attributes. There is also away to import an external style sheet so that you can use these rules accross your entire site. Saves alot of time. Also check out http://www.w3schools.com for examples and help. It's a great site to learn with.

**Banner Up** · 09-26-2004, 08:32 PM

You can also setup a style instruction for headings using the class tag...

<style>
.pagetitle {font-family: arial black; font-size:18; font-weight:bold;}
.pagetext {font-family: arial; font-size:14; font-weight:normal;}
</style>
</head>
<body>
<p class="pagetitle">Home Loans...</p>
<p class="pagetext">The best interest rates...</p>

If you run into a special case in the body of your page...

<p style="font-style:italic; color:red;">Note: these interest rates apply only...</p>