|
|
|
Note 1: Styling can be done in the body that has nothing to do with CSS styling, and this styling overrules CSS.
Note 2: Again, on a code page, spaces do not matter and characters are everything.
Typical Font Styling:
In CSS:
selector { font-family:arial; font-size:10pt }
In the body, overruling CSS:
Blah blah blah <font size="3"> affected blah blah </font> back to normal font.
Making Bold
In CSS:
selector { blah:blah; font-weight:bold }, or selector { blah:blah;font-weight:normal }
In the body, overruling CSS:
<b> blah blah </b>.
This can be done from your keyboard with the control and b keys.
Making Italics
In CSS:
selector { blah:blah; font-style:underline }
In the body, overruling CSS:
<i> blah blah </i>. Can be done from your keyboard with the control and i keys.
Making Underline
In the body:
<u> blah blah </u>. Can be done from your keyboard with the control and u keys.
Making Font Sizes in CSS
Size by Points offers one size that stays the same for all screen resolutions:
selector { blah:blah; font-size:10pt}
Size by Pixels varies with the differing screen resolutions used by viewers:
selector { blah:blah; font-size:16px }
Size by Percentage is in relation to the size of a parent font size. For example, in CSS the following makes the font of paragraphs 300 percent as large as the 10pt size for the body as a whole.
html body {font-family:arial; font-size:10pt}
p {font-size:300%}
Size by EM is in relation to the size of a parent fort size and the viewer's computer settings. 1em is equivalent to 100 percent. If you have a text setting of 2em for a heading, for a visually impared viewer using an extra large text size your heading appears twice the size of his normally large text.
selector { blah:blah; font-size:1em}
Font Color
In CSS:
selector { blah blah; color: #000000}
In the body:
<font color="#000000">black text</font> end of black text.
or
<font color="black"> black text </font> end of black text.
In Dreamweaver, in design view rather than code view, color selections can be made to selected text by way of the Text drop-down menu and then clicking on Color. In Expression Web this is done from the Format menu, to Font and then Color.
Copyright © 2008 Frank E. Smitha. All rights reserved.
