Internal Style Sheets
To repeat from the previous page, there are three types of styles:
-
External Style Sheet: This is a file that is added to your
web folder. FrontPage themes contain several of these. Open
your themes folder and look for themes.css and you will see an example.
If you double-click on this file, it will probably open in your text
editor (Notepad). In some of our templates, we have written our own
external style sheet.
-
Internal Style Sheets: Because they are easy to use and modify, we
often use an internal style sheet in the head of each of our template
pages.
-
Inline Styles: This option allows you to place special formatting on
specific areas of text located within a page.
Inline styles will over-ride properties found in Internal styles.
Internal styles will over-ride properties in the External style sheet.
This is the cascading effect.
We have added an Internal Style Sheet in the <head> area of many of our template
sets.
This helps keep the design and page layout the way we intended the page to
be viewed. You may want to change some things, so here's a quick run down
on the style sheet we commonly use and what it does:
<style type="text/css"> states that the
following is a style sheet.
<!-- A comment so old browsers won't see the
next lines
A {text-decoration: none} removes the underscore
from links
A:hover {color: black; text-decoration: underline}
An underline will appear when you mouse over a link
P, TD, TH, BLOCKQUOTE, LI, OL, UL {font:10pt "Verdana" }
sets the font size
body {
scrollbar-arrow-color: #4A242F; sets the colors
for the scrollbar in Internet Explorer 5.5 and higher. Kind of nifty but
has no real use other than to look cute. It may not be included in all
templates.
scrollbar-face-color: #957384;
scrollbar-3dlight-color: #D1BEC2;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #4A242F;
scrollbar-darkshadow-color: #4A242F;
scrollbar-track-color: #D1BEC2;
margin-left: 0%; sets the page margin on the left
side
margin-right: 0%; sets the page margin on the
right side
margin-top: 0%; sets the page margin from the top
margin-bottom:0%; sets the page margin from the
bottom
}
--> closes the comment area
</style> closes the style sheet
There are DOZENS of style sheet attributes to choose from. To
learn more, pick up a good book on style sheets and start working a little
magic.
Apply an inline style to a page element
In Microsoft FrontPage 2000 and 2002, some formatting features are now
automatically applied as inline styles. For example, if you apply a box
around a normal paragraph using the Borders and Shading
command on the Format menu, FrontPage writes the
formatting information as an inline style attribute for the paragraph tag
(for example, <p style="border-style: solid">).
For some page elements, such as tables or form fields, you can apply an
inline style as follows:
- In Page view, make sure the
Normal tab is selected. Select the page element you
want to modify, and then click Properties on the
Format menu.
- Click Style
in that element's Properties dialog box.
The Modify Style
dialog box is displayed.
- Click Format,
and then set the formatting characteristics you want to apply as an
inline style:
- To set font properties — such as the font family or
color, or
character spacing — click Font.
- To set alignment, indentation, or spacing, click
Paragraph.
- To set borders and shading, click Border.
- To set the style of bullets and numbering, click
Numbering.
- To set positioning properties — such as wrapping
style, location,
or z-order — click Position.
|
