HTML CODE | CASCADING STYLE SHEETS (CSS) PROPERTIES ...

IRONWOOD RIDGE HIGH SCHOOL CAREER AND TECHNICAL EDUCATION
INFORMATION TECHNOLOGY FUNDAMENTALS
HTML CODE | CASCADING STYLE SHEETS (CSS)
PROPERTIES RELATED TO TEXT
CSS FONT PROPERTIES
FONT PROPERTY DESCRIPTION
font-style Sets the appearance of text as italic, oblique, or normal
font-weight Sets the weight of the text as lighter, bold, bolder, or normal
font-size Sets the size of text
font-family Sets the typeface, such as serif or sans-serif
font-variant Displays text in small caps or normal
font A shortcut property that sets the values for several font properties all at once
SETTING FONT SIZE IN HTML AND CSS
HTML HEADING SIZE POINT SIZE CSS KEYWORD
n/a 36 xx-large
1 24 x-large
2 18 large
3 14 medium
4 12 small
5 10 x-small
6 8 xx-small
GENERIC FONT NAMES FOR FONT FAMILIES
GENERIC NAME POINT SIZE EXAMPLE
serif
Letter have strokes (or serifs) that finish the
top or bottom of the letter form
Times New Roman
sans-serif Letter do not have finishing strokes Arial or Helvetica
monospace Fixed-width letters Courier or Courier New
fantasy Decorative letters Bodoni MT Black
cursive Letters designed to look like handwritting Monotype Corsiva

IRONWOOD RIDGE HIGH SCHOOL CAREER AND TECHNICAL EDUCATION
INFORMATION TECHNOLOGY FUNDAMENTALS
HTML CODE | CASCADING STYLE SHEETS (CSS)
PROPERTIES RELATED TO COLOR
In HTML code, you can refer to colors in several ways – by name, RGB value, hexadecimal value, or
“short hex” value. HTML uses 216 colors; however, of the 216, only 16 colors are considered to be
“Web safe,” meaning that they are designed to be displayed the same.
RGB VALUES | are based on the intensity of red, green, and blue. Each RGB letter is represented
by a value from 0-255. The three RGB values are often referred to as RGB triplets.
HEXADECIMAL VALUES | are used for colors to represent the intensity of the red, green, and blue.
In hexadecimal, 00 is the lowest intensity and FF is the highest. The hexadecimal number is
preceded by a flag character (#).
DECIMAL AND HEXADECIMAL NUMBERS
DECIMAL HEXADECIMAL
0-9 (same)
10 A
11 B
12 C
13 D
14 E
15 F
BROWSER-SAFE COLORS
NAME RGB TRIPLET HEXADECIMAL VALUE SHORT HEX VALUE
Aqua (0,255,255) #00FFFF #0FF
Black (0,0,0) #000000 #000
Blue (0,0,255) #0000FF #00F
Fuchsia (255,0,255) #FF00FF #f0F
Gray (128,128,128) #FF00FF
Green (0,128,0) #008000
Lime (0,255,0) #00FF00
Maroon (128,0,0) #800000
Navy (0,0,128) #FF00FF
Olive (128,128,0) #808000
Purple (128,0,128) #800080
Red (255,0,0) #FF0000 #f00
Silver (192,192,192) #C0C0C0
Teal (0,128,128) #008080
White (255,255,255) #FFFFFF
Yellow (255,255,0) #FFFF00

IRONWOOD RIDGE HIGH SCHOOL CAREER AND TECHNICAL EDUCATION
INFORMATION TECHNOLOGY FUNDAMENTALS
HTML CODE | CASCADING STYLE SHEETS (CSS)
MORE PROPERTIES RELATED TO TEXT
TEXT PROPERTIES AND PSEUDO-ELEMENTS
PROPERTY VALUES
Color Any named color, RGB, or hexadecimal value
line-height A number (1.0, 1.5, 2.0, etc.) or in em values
letter-spacing Specify pts, ems, or as a percentage
word-spacing Specify pts, ems, or as a percentage
text-align Specify left, center, right, justify
text-indent Specify pts, ems, or as a percentage
text-transform Specify uppercase, capitalize, lowercase, normal
text-decoration Specify overline or line-through
:first-letter Use to set the style of the first letter of a word
:first-line Use to set the style of the first line of a paragraph
SOME POPULAR FILTERS
FILTER DESCRIPTION
Alpha Creates a gradient fill
Blur Makes text appear out of focus
Drop Shadow Casts a second separate shadow behind text
Glow Creates an irregular-shaped, colored shadow behind text
Shadow Creates a single shadow behind text
Wave Bends text