css external H1, H2, H3

's Computer Specifications

This is the instructions from Frontpage for a linked style sheet.>

"Also called a linked style sheet in FrontPage, you use an external style
sheet when you want to apply the same styles consistently across all the
pages in your Web site that are linked to it.

The link from a Web page to a style sheet is included in the document header
(between the <head> and </head> tags using the <link> tag:

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

Your style sheet would include the actual style definitions, such as: h1
{color: blue; }

When I have H1, H2, H3 references on my pages, do I need this in the head of
my page?

<style type="text/css">

</style>

Is that right? or do I need that in the head of my page at all, the
instructions only show color. If I do need it, do I have it typed correctly?
Thanks so much!
Susie

's Computer Specifications

Susie wrote:
> This is the instructions from Frontpage for a linked style sheet.>
>
> "Also called a linked style sheet in FrontPage, you use an external
> style sheet when you want to apply the same styles consistently
> across all the pages in your Web site that are linked to it.
>
> The link from a Web page to a style sheet is included in the document
> header (between the <head> and </head> tags using the <link> tag:
>
> <link rel="stylesheet" type="text/css" href="styles.css">
>
> Your style sheet would include the actual style definitions, such as:
> h1 {color: blue; }
>
> When I have H1, H2, H3 references on my pages, do I need this in the
> head of my page?
>
> <style type="text/css">
> 
> </style>
>
> Is that right? or do I need that in the head of my page at all, the
> instructions only show color. If I do need it, do I have it typed
> correctly? Thanks so much!
> Susie

Well, you can either have styles in the <head> section or in an external file. It doesn't matter where, but for the latter you must
also have the link in the <head>

h1, h2, h3 will use default styles, so you don't need to define them, but you may if you want to.

The correct syntax (when used in the <head> section) is:
<style type="text/css">
h1 {font-size=12px;}
h2 {font-size=10px;}
h3 {font-size=8px;}
</style>

This will set the font size only. Colour can be set if you wish.
For example
<style type="text/css">
h1 {font-size=12px; color: blue;}
h2 {font-size=10px; color: black;}
h3 {font-size=8px; color: red;}
</style>
will set a diiferent font size and colour for each of the headings h1, h2 and h3

If styles are set an external style sheet (e.g. styles.css), the tags <style type="text/css"> and </style> are not used
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

's Computer Specifications

Trevor L. wrote:
> The correct syntax (when used in the <head> section) is:
[snip]

I really must be more careful. What I wrote was incorrect.

The correct syntax (when used in the <head> section) is:
<style type="text/css">
h1 {font-size: 12px; }
h2 {font-size: 10px; }
h3 {font-size: 8px; }
</style>

This will set the font size only. Colour can be set if you wish.
For example
<style type="text/css">
h1 {font-size: 12px; color: blue; }
h2 {font-size: 10px; color: black; }
h3 {font-size: 8px; color: red; }
</style>
will set a diiferent font size and colour for each of the headings
h1, h2 and h3

I have also realised that a font size as used in an HTML tag is *not* in pixels, so <h2><font size="10">Heading here </font></h2>
gives a different size to
<h2>Heading here</h2> where h2 has a style
h2 {font-size: 10px;}

I actually prefer to use percentages,
e.g. you could try
h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 100%; }
or any percentage you like.
--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

's Computer Specifications

Ok, I think I will get this right, btw, I really love the styles.css. Thank
you for taking the time to explain that to me, it is such a huge help!
Have a nice day Trevor

Susie B

"Trevor L." wrote:

> Trevor L. wrote:
> > The correct syntax (when used in the <head> section) is:
> [snip]
>
> I really must be more careful. What I wrote was incorrect.
>
> The correct syntax (when used in the <head> section) is:
> <style type="text/css">
> h1 {font-size: 12px; }
> h2 {font-size: 10px; }
> h3 {font-size: 8px; }
> </style>
>
> This will set the font size only. Colour can be set if you wish.
> For example
> <style type="text/css">
> h1 {font-size: 12px; color: blue; }
> h2 {font-size: 10px; color: black; }
> h3 {font-size: 8px; color: red; }
> </style>
> will set a diiferent font size and colour for each of the headings
> h1, h2 and h3
>
> I have also realised that a font size as used in an HTML tag is *not* in pixels, so <h2><font size="10">Heading here </font></h2>
> gives a different size to
> <h2>Heading here</h2> where h2 has a style
> h2 {font-size: 10px;}
>
> I actually prefer to use percentages,
> e.g. you could try
> h1 { font-size: 150%; }
> h2 { font-size: 125%; }
> h3 { font-size: 100%; }
> or any percentage you like.
> --
> Cheers,
> Trevor L.
> Website: http://tandcl.homemail.com.au
>
>
>

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
External hard drive not showing up using external enclosure	Joe	Windows XP General	8	17th Jul 2007 02:04 AM
Converting my external USB FAT external hard drive to NFTS	=?Utf-8?B?bGFkeW1zdmVl?=	Windows Vista Hardware	2	22nd Feb 2007 06:25 AM
If i have seperate external mail ID ? to send internal & external.	=?Utf-8?B?SmFjb2IgR2Vvcmdl?=	Microsoft Outlook Contacts	1	11th Sep 2005 05:05 PM
Subject: Re: Are external HDD enclosures as good as external HDDs?	Carl Lowenstein	Storage Devices	0	29th Nov 2004 05:51 PM
Are external HDD enclosures as good as external HDDs?	Art Vandelay	Storage Devices	6	10th Sep 2004 10:27 PM