Tag selector

body div h1 h2 h3 p span a ul ol li
table th td

Color	Background	MorePropertyValues
black font color navy darkblue mediumblue blue darkgreen green teal darkcyan deepskyblue darkturquoise mediumspringgreen lime springgreen aqua cyan midnightblue dodgerblue lightseagreen forestgreen seagreen darkslategray limegreen mediumseagreen turquoise royalblue steelblue darkslateblue mediumturquoise indigo darkolivegreen cadetblue cornflowerblue mediumaquamarine dimgray slateblue olivedrab slategray lightslategrey mediumslateblue lawngreen chartreuse aquamarine maroon purple olive gray skyblue lightskyblue blueviolet darkred darkmagenta saddlebrown darkseagreen lightgreen mediumpurple darkviolet palegreen darkorchid yellowgreen sienna brown darkgray lightblue greenyellow paleturquoise lightsteelblue powderblue firebrick darkgoldenrod mediumorchid rosybrown darkkhaki silver mediumvioletred indianred peru chocolate tan lightgrey thistle orchid goldenrod palevioletred crimson gainsboro plum burlywood lightcyan lavender darksalmon violet palegoldenrod lightcoral khaki aliceblue honeydew azure sandybrown wheat beige whitesmoke mintcream ghostwhite salmon antiquewhite linen lightgoldenrodyellow oldlace red fuchsia magenta deeppink orangered tomato hotpink coral darkorange lightsalmon orange lightpink pink gold peachpuff navajowhite moccasin bisque mistyrose blanchedalmond papayawhip lavenderblush seashell cornsilk lemonchiffon floralwhite snow yellow lightyellow ivory white	black navy darkblue mediumblue blue darkgreen green teal darkcyan deepskyblue darkturquoise mediumspringgreen lime springgreen aqua cyan midnightblue dodgerblue lightseagreen forestgreen seagreen darkslategray limegreen mediumseagreen turquoise royalblue steelblue darkslateblue mediumturquoise indigo darkolivegreen cadetblue cornflowerblue mediumaquamarine dimgray slateblue olivedrab slategray lightslategrey mediumslateblue lawngreen chartreuse aquamarine maroon purple olive gray skyblue lightskyblue blueviolet darkred darkmagenta saddlebrown darkseagreen lightgreen mediumpurple darkviolet palegreen darkorchid yellowgreen sienna brown darkgray lightblue greenyellow paleturquoise lightsteelblue powderblue firebrick darkgoldenrod mediumorchid rosybrown darkkhaki silver mediumvioletred indianred peru chocolate tan lightgrey thistle orchid goldenrod palevioletred crimson gainsboro plum burlywood lightcyan lavender darksalmon violet palegoldenrod lightcoral khaki aliceblue honeydew azure sandybrown wheat beige whitesmoke mintcream ghostwhite salmon antiquewhite linen lightgoldenrodyellow oldlace red fuchsia magenta deeppink orangered tomato hotpink coral darkorange lightsalmon orange lightpink pink gold peachpuff navajowhite moccasin bisque mistyrose blanchedalmond papayawhip lavenderblush seashell cornsilk lemonchiffon floralwhite snow yellow lightyellow ivory white background color	textAlign textDecoration textIndent letterSpacing lineHeight fontStyle fontWeight fontFamily fontSize marginLeft marginRight paddingLeft paddingRight borderWidth borderStyle borderColor width height top left visibility position display

<div>

<h1>Heading one</h1>

<p>The <span>back-to-font</span> CSS color picker allows you visually select background and font color contrasts. When you select a font color, the font color is also changed in the background list and vice versa. So when you come to select the background color in the background list the font contrast is visually seen. This makes selecting pleasing contrasts very intuitive, quick and simple. </p>

You can also do some real-time wysiwyg css editing of other css properties. You can dynamically change the various font|text , box , and positioning properties from the left hand dropdown selectors. When you select a property the values options will change to reflect the possible css values you can choose for that property. Select this value and the actual style will change in the document. The results of your selections are displayed in the readonly textarea box. Copy these results and place in style block in the head of your html document.

<head>
  <style type="text/css">
  [Paste results here]
  </style>
</head> 

Check for updates at back_to_font_home.htm

..........have fun! </div>

</h2> Heading 2; Lists </h2>

<ul>

• This list item can be styled
• UP DOWN keys .. to cycle thru colors
• When select color is focused the wheel can be used to cycle thru colors
• The colors are the 140 named netscape colors. You can key the first letter of the word to cycle thru the colors. eg hitting the "w" key will cycle thru the wheat, whitesmoke and white colors.

</ul>

<ol>

1. some colors and backgrounds properties; color , background-color
2. some text properties; text-align, text-decoration , text-indent , letter-spacing
3. some font properties; font-style , font-weight , font-family , font-size , font-stretch
4. some box properties; margin-left , margin-right , padding-left , padding-right , border-width , border-style , border-color
5. some visual formating model properties; display , top , left , position
6. some visual formating model details properties; width , height , line-height , vertical-align
7. some visual effects properties; overflow , clip , visibility

</ol>

<h3> Heading 3 </h3>

Access Key Table

<th>Element </th>	Access Key
<td> body</td>	ALT + 0
h1	ALT + 1
h2	ALT + 2
h3	ALT + 3
div	ALT + v
paragraph	ALT + p
span	ALT + s
Ordered List	ALT + o
Unordered List	ALT + u
List Item	ALT + i
Table	ALT + t
Table Head	ALT + h
Table Data	ALT + d