get started with css

Here's a quick guide on css.

1 Start by making a page called "css.style".

2 Past the code below into that page you called "css.style" :

body, div, p { font-family: Tahoma; font-size: 7pt; line-height: 7pt; color: #000000; margin: 0; padding: 0; background-color: #404040; scrollbar-face-color:#808080; scrollbar-highlight-color:#808080; scrollbar-3dlight-color:#808080; scrollbar-shadow-color:#808080; scrollbar-darkshadow-color:#808080; scrollbar-track-color:#808080; scrollbar-arrow-color:#fff; } .entrytext{ font-weight: normal; } li { list-style-image:url(http://img148.imageshack.us/img148/2390/iiqp1.gif); margin-bottom: 0px; margin-top: 0px; margin-right: 2px; margin-left: 0px; } u { color: #ffffff; font-family: arial; font-size: 7pt; font-weight: bold; text-align: justify; border-bottom: 1px dotted #ffffff; } b { COLOR: #000000; font-family: arial;FONT-SIZE: 7pt; background: #ffffff } h1 { cursor:default; background-color: #bafdb0; color: #000000; font-size:7pt; font-family:verdana; letter-spacing:1px; line-height:13pt; text-align: right; padding: 1px; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #ffffff; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h2 { cursor:default; background-color: #000000; font-size:6pt; font-family:small fonts; letter-spacing:1px; line-height:7pt; color: #ffffff; padding: 0px; font-weight: normal; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h3 { cursor:default; background-color: #404040; font-size:7pt; font-family:arial; letter-spacing:0px; line-height:8pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h4 { cursor:default; background-color: #505050; font-size:7pt; font-family:arial; letter-spacing:0px; line-height:8pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } h5 { cursor:default; background-color: #606060; font-size:7pt; font-family:arial; letter-spacing:0px; line-height:8pt; color: #000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } blockquote { cursor:default; background-color: #505050; font-size:7pt; width: 270px; text-align: left; font-family:arial; letter-spacing:0px; line-height:8pt; color: #000000; border: 1px solid #000000; padding: 1px; font-weight: normal; text-transform: none; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .special { font-family: Tahoma; font-size: 7pt; color: #293763; font-weight: bold; line-height: 7pt; } a:link { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:10px; color: #000000; letter-spacing:0px; text-align: justify; } a:visited { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:10px; color: #000000; letter-spacing:0px; text-align: justify; } a:hover { text-decoration: none; color: #c0c0c0; border-bottom: 1px dotted #ffffff; } a.nav, a.nav:link, a.nav:active, a.nav:visited { text-decoration: none; font-family: verdana; font-weight:normal; font-size:9px; line-height:13px; color: #ffffff; padding: 1px; display:block; letter-spacing:0px; border-bottom: 1px solid #505050; border-left: 0px solid #000000; padding: 0px; text-align: left; background: #606060; text-transform: none; } a.nav:hover { text-decoration: none; font-family: verdana; font-weight:bold; font-size:9px; line-height:13px; color: #000; border-bottom: 1px solid #ffffff; border-left: 0px solid #000000; background: #808080; letter-spacing:0px; display:block; text-transform: none; text-align: left; } input, select { color: #FE7785; background: #ffffff; font-size: 7pt; font-weight: normal; font-weight: bold; text-decoration: none; font-family: Tahoma; text-align: center; border-width: 1px; border-style: solid; border-color: #000000; } textarea { color: #000000; height: 15px; width: 88px; text-transform: uppercase; background: #ffffff; font-size: 5pt; font-weight: normal; text-decoration: none; font-family: small fonts; text-align: center; border-width: 1px; border-style: solid; border-color: #000000; }

3 Past the url of the "css.style" page into were it says "CSS.STYLE URL HERE" :

<link rel="stylesheet" href="CSS.STYLE URL HERE" type="text/css" />

4 Past the code into your "header.php" or on top of every single page.

+ I hope this guide helped you to get started with css. A new tutorial on how to get really into css is coming soon.