Using the Style Sheet
The style sheet is designed to control the way browsers display the
pages.
The style sheet being used for this site specifies a host of things:
font family, font size, font color, bold, italic, background color,
positioning, etc.
Most of the style specifications are used by the menu and the handler.asp
which lays out the pages.
However there are several styles that you can use to layout the pages
you're working on.
Standard HTML tags
|
H1
|
is the largest size header element
|
H2
|
is a medium size header element
|
H3
|
is the smallest header element defined so far.
|
| <b> </b> |
produces text that is bolded w ithin the
body of the page |
| <p> </p> |
produces text that is 12px, black, not bold. |
| TH |
is a table header tag and it centers the text and
greys the background |
Custom Styles defined so far
|
| textbold |
this style will display text as 12 px, black, bold. It's the
same look as H3 however, unlike
H3 it will allow you to insert
a <br> (a line break without a blank line) whereas
H3
forces a blank line. So where you might want to empahsize something
within the text, use textbold and
not H3. If you want to user a
header without a blank line after it, use textbold.
The coding is: < span class="textbold">text< /span>
(without the space after the "<")
|
| textlink |
Because of various browser incompatibilities and
differences in display we've found we need to specify the colour
of links within the body of the text. Do that using the textlink
custom style. The link is coded in the following way:
< a class="textlink" href="link.html"> (without the space after the "<")
|
| red |
class="red" produces red
text. |
| redbold |
class="redbold" produces
text that is red and bold
e.g.: < p class="redbold"> or < td class="redbold"> |
As the need for more styles arises more will be put into the style
sheet. If you find you want to format the text in some particular
way contact Judith Newman
with a description of what you'd like to implement and she'll do it.
|
