statement selector selector {property: value} class .question {color:blue; font-style:bold} .answer {color:aqua; font-style:italic}

example

answer

Linked Sample Linked styles.css body {background-color: #ffffff; margin:10} a:link {color:#ff0000;background-color: pink} h1 {font-family: verdana, "times new roman", sans-serif} b {font-size:14px} Embedded Sample Linked Inline

test to show inline

cascading --- inline>embedded>linked relative URL's are interpreted from the style sheet not the html a:link a:visited a:active a:hover a:email TEXT STYLE VARIABLES color: aqua black blue fuchsia gray green lime maroon navy olive purple navy red silver teal white yellow rgb(185.0.58) rgb(5%,10%,100%) #(ffaabb) #(fab) font-family: times, "times new roman", sans-serif font-size: xx-small x-small small medium large x-large xx-large smaller larger em - the height of the element's font ex - the height of the letter x px - the height in pixels pc - the height in picas (1 pica = 12 points) pt - the height in points (1 point=1/72 inches) in - the height in inches (1 inch = 2.54 centimeters) cm - the height in centimeters mm - the height in millimeters % - the height in percentages of previous font-style: normal italic oblique font-varient:normal small-caps font-weight: normal bold bolder lighter 100 200 300 400 500 600 700 800 900 text-decoration: none underline blink overline line-through text-transform: capatilize uppercase lowercase normal TEXT LAYOUT letter-spacing: (+- #) kern - space between letters normal em ex px pc pt in cm mm line-height: distance between adjacent lines normal number em ex px pc pt in cm mm % text-align: control over alignment of text right left center justify text-indent: (+- #) control over 1st line of text (in or out) em ex px pc pt in cm mm % vertical-align: control over things like super and subscript baseline sub super text-top text-bottom middle top bottom em ex px pc pt in cm mm % word-spacing: (+- #) track - space between words normal em ex px pc pt in cm mm BACKGROUND background-color: color names transparent rgb(185.0.58) #(ffaabb) background-image: url(image.gif) background-position:horizontal vertical top bottom center left right em ex px pc pt in cm mm % background-repeat: repeat repeat-x repeat-y no-repeat background-attachment: scroll fixed BORDER EDITOR border-top:thick teal solid; or border: (all borders) border-top: border-left: border-right: border-bottom: style none solid dotted dashed double groove ridge inset outset color colornames rgb(185.0.58) #(ffaabb) width thin medium thick em ex px pc pt in cm mm MARGIN EDITOR margin: auto em ex px pc pt in cm mm % or margin-left: margin-right: margin-top: margin-bottom: PADDING EDITOR padding: auto em ex px pc pt in cm mm % or padding-bottom: padding-left: padding-right: padding-top: PAGE LAYOUT EDITOR block: inline: list-item: