body {
cursor: crosshair; /*default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize or put this for you custom cursor url('yourdomain.com/cursor.ani')*\
background: #000000;
background-image: url(background.gif);
background-attachment: fixed; /*scroll or fixed*/
font-family: arial; /*your font name*/
color: #000000;
font-weight: normal; /*lighter, normal, bold, or bolder*/
font-size: 10pt; /*xx-small, x-small, small, medium, large, x-large, xx-large, or any number value like 10pt, 11pt, etc*/

scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000; }

A:link {
text-decoration: none; /*underline, overline, underline overline, line-through, none*/ color: #000000; }
A:visited {
text-decoration: none; /*underline, overline, underline overline, line-through,  none*/ color: #000000; }
A:active {
text-decoration: none; /*underline, overline, underline overline, line-through, none*/ color: #000000; }
A:hover {
text-decoration: underline overline; /*underline, overline, underline overline, line-through, none*/ color: #000000; cursor: crosshair; /*default, auto, wait, crosshair, hand, help, text, move, s-resize, e-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize or put this for you custom cursor url('yourdomain.com/cursor.ani')*/ }

input, submit,  textarea {
background: #000000 url(yourimage.gif); /*leave blank if you don't want one*/
font-family: arial; /*your font name*/
color: #000000;
border-style: solid; /*dotted, dashed, solid, double, groove, ridge, inset, outset*/
border-width: 1px; /*any number value like 1px, 2px, 3px, etc.*/
border-color: #000000; }
Stylesheets are used to help make changing layouts easier. Instead of having to change the colors on each page everytime you change your layout, all you have to do is change them in your stylesheet. Below is an example of what an external stylesheet looks like. There are two steps for making and using an external stylesheet. Well here they are. For further assistance email me.
First copy and paste the code below (in the textarea) into notepad. Now anything that is in red and bold in the example below is where you change to be what you want. The options you can put in each field is next to the bold text in between the /* */ which you can leave the notes and it won't affect the code. Please refer to the example below to help you change the fields in your notepad. Once you've finished with all the changes then save your sylesheet to be something like mystylesheet.css
Finally, upload the final stylesheet, you just saved,  to your webspace and place this code on every page you want the stylesheet to be used on. That's all. Have fun.
External Stylesheet Tutorial
Step 1
Step 2
Example Stylesheet For You To Refer To
For the Color Chart Click Here
Copyright 2005- CasandysDesigns.com
All Rights Reserved