How to correctly use CSS in FrontPage?

A

Ann Miller

I apologize for this newbie question but can some of you 'gurus' explain in
simpler terms how to incorporate CSS stylesheet into a FrontPage web? I am
using FP 2003 and Top Style 3.10.

My personal web site code looks horrible with all those font attributes. I
downloaded the Tidy HTML and stripped all the font tags. I have also created
a simple CSS file that has font type and font size elements. It also has H1,
H2 elements.

My CSS is in the root of the web with the following parameters in the <head>
</head> section

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

It works fine, it shows all the attributes except I don't know how to use it
in a 'normal sense'. (??)

Say I added a new paragraph of text on a page and want the font to be bold,
bigger (H1, H2 etc), and let's say, red in color (assuming all these
elements are already defined in the CSS file). How would I go about
achieving that in FP given my css tags are correct and linked properly?

I hope this is not as tough as it appears while writing these details.

Any help greatly appreciated. I am beginning to understand the CSS but just
not sure how to properly use it from within FP.

Ann Miller
 
R

Ronx

See www.w3schools.com for a CSS tutorial.

If your HTML tags are defined in the CSS sheet, and you apply the
sheet to your page as you described, the tags will take on the styles
automatically.
Note that there is a difference between H1 and bold or bigger text.
H1, H2 etc, are for headings. For bold text use <b>bold text</b>
To make some "ordinary" text red in colour define a class in the style
sheet:

..red {color:red;background:transparent;}

and apply it
<p>This is <span class="red">red text</span> in a sentence</p>
 
A

Ann Miller

Thanks.

Ronx said:
See www.w3schools.com for a CSS tutorial.

If your HTML tags are defined in the CSS sheet, and you apply the
sheet to your page as you described, the tags will take on the styles
automatically.
Note that there is a difference between H1 and bold or bigger text.
H1, H2 etc, are for headings. For bold text use <b>bold text</b>
To make some "ordinary" text red in colour define a class in the style
sheet:

.red {color:red;background:transparent;}

and apply it
<p>This is <span class="red">red text</span> in a sentence</p>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top