| Style Sheet
Command |
Task Performed |
| Text
Style Commands |
| P {font-family:
arial, helvetica, geneva} |
Each time the "P" (paragraph) marker is
encountered in an HTML file, the font is set to "arial,
helvetica, geneva". |
| P {font-size:
10pt} |
Each time the "P" marker is encountered,
the font size is set to 10 point. |
| P {font-variant: small-caps} |
When the "P" tag is encountered, lower
case letters are replaced with smaller sized upper case letters. |
| P {color: #0000FF} |
When the "P" tag is encountered, text
will be in the color numbered #0000FF. Any web-safe color
number should be selected. |
P {text-decoration: underline}
P {text-decoration: overline}
P {text-decoration: strikethrough}
P {text-decoration: blink} |
When the "P" tag is encountered, text
will be either underlined, overlined, etc. according to the
definition selected. |
P {text-transform: capitalize}
P {text-transform: uppercase}
P {text-transform: lowercase} |
When the "P" tag is encountered, text
will be first-letter caps, others lowercase in the first
example, examples 2 and 3 will be all uppercase or all lowercase
respectively. |
| Table {font-family:
arial, helvetica, geneva} |
Each time the "Table" (T) command is
encountered, the text will be set (as above) |
| Table {font-size:
10pt} |
Each time the "T" command is
encountered, size is set to 10 point. |
| Style Sheet
Command |
Task Performed |
| Alignment
& Spacing Style Commands |
P {text-align: left}
P {text-align: center}
P {text-align: right} |
Paragraph text will be aligned either left,
center, or right justified. |
| |
|
| Style Sheet
Command |
Task Performed |
| List
Style Commands |
| UL
{list-style-type: square} |
Each time the "Unordered List" (UL)
command is encountered, the bullet style is set to be a square. |
| ul {list-style-image:
url('images/blue1.gif') } |
Each time the "UL"
command is encountered, the bullet style is set to be a graphic
named "blue1.gif" and stored in the "images"
folder. |
| ul ul {list-style-image:
url('images/gray2.gif') } |
Each time an unordered list within
an unordered list is encountered, bullet style is the graphic
"images/gray2.gif". |
| ul ul ul {list-style-image:
url('images/teal3.gif') } |
Each time an unordered list within
an unordered list within an unordered list is encountered,
bullet style is the graphic "teal3.gif". |
| ol {list-style: upper-roman; font
family: arial, helvetica, geneva; font-size: 10pt; color:
#000000} |
Each ordered list will be uppercase
"roman numeral" style numbering with a font such as
arial, 10 point size, and black color |
| ol ol {list-style: lower-alpha;
font family: arial, helvetica, geneva; font-size: 10pt; color:
#000000} |
Ordered list within an ordered list
will be lower case alphabetic characters, arial font, 10 point
size, and black color. |
| body {
background-image: url('images/ltblue.gif') } |
When the "Body" tag is encountered, the
background image is set to be a file in the images folder named
"ltblue.gif". |
| |
|
