Previous
|
|
Jan's CSS: Font & Text PropertiesWith styles, you can create many different looks for text. You can change the font used, font size, italics or bold or underline, the color of the text, alignment and indention, and more. Your style can be applied to any HTML element, like H1, H2, P, DIV, SPAN, BLOCKQUOTE.
|
Font Size
This text uses various font sizes based on: pixel size (18px), point size (18pt), percentage (90%), em(0.9em), and HTML size (large) |
Font Family This text uses a variety of fonts including: serif, sans-serif, cursive, and monospace types |
Font Style:Italic
Text-Decoration: underline, Font-Weight: bold You might have to research to find out how CSS creates italics, bold, and underline. |
| font-size: 18px; font-size: 18pt; font-size: 90%; font-size: 0.9em; font-size: large; |
font-family: Georgia, 'Times New Roman', Times, serif; font-family: Arial, Helvetica, sans-serif; font-family: Harrington,cursive; font-family:"Courier New", Courier, monospace; |
font-style:italic; text-decoration: underline; font-weight:700; |
Color
various colors as you wish using a named color, or HTML color code, or RGB color numbers. | Small Caps Text Shadow Indent and other characteristics like text shadow This text is indented at the left like a normal paragraph. |
Alignment Text can be aligned left. Or to the right Or centered. Or even justified to make the left and right edges of your text line up neatly by adjusting the spacing between words. |
| color:red; color:#0000ff; color:rgb(0,255,0); |
font-variant:small-caps; text-shadow: 1px 1px 2px #555555; text-indent:20px; |
text-align:left; text-align:right; text-align:center; text-align:justify; |
Image of the results:
