oh make me over.

In this tutorial, I will show you how to use Basic CSS.
After reading this tutorial, you should have enough knowledge to be able to work with CSS easily.
C = Cascading
S = Style
S = Sheet
So first, you want to paste this code onto your website:

::-moz-selection {
color: #000000;
}
body { 
background-color:#ffffff;
background-image: url();
text-align: left;
padding : 0; 
font-family: times new roman;
font-size: 11px;
color: #808080; 
margin-left: auto;
margin-top: 0px;
margin-right: auto;
}

background:#ffffff url(layout.png);
width: 645px;
height: 395px;
text-align:center;
} 
#sidebar { 
width: 180px;
float: left;
padding:10px;
}  
#header {

margin: 0 auto;
background:#777777 url(layout.png);
width: 645px;
height: 395px;
text-align:center;
} 
#sidebar { 
width: 180px;
float: left;
padding:10px;
} 
#content {
width: 410px;
float: right; 
padding:10px;
}
#footer { 
clear : both; 
color : #808080;
padding : 5px; 
height : 40px;
text-align: right;
background-image: url(bg.png);
border-top: 1px solid #000000;
} 
#footer p, #footerbottom p { 
margin:0;
padding-top: 0px;
}
#navigation {
list-style: none;
float: center;
height: 10px;
width: 645px;
cursor: crosshair;
padding-left:0px;
margin-top: -15px;
margin-left: 10px;
}
#menu {position: absolute;width: 645px;cursor: crosshair;}

#menu ul {
color: #000000;
font-weight: normal;
text-indent: 5px;
vertical-align:middle;
text-decoration: none;
font-family: arial;
line-height: 18px;
margin-bottom: 1px;
font-size: 10px;
border-right: 1px #000000;
text-transform: uppercase;
padding-top: 0px;
padding-right: 0px;
padding-left:0px;
cursor: crosshair;
clear: left;
margin-top: -26px;
margin: 1px;
list-style-type: none;}

#menu ul li {
display: ;
float: left;
margin: 2px;
width: auto;
cursor: crosshair;
text-align: center;
border-bottom:0px solid}

#menu ul li a {
text-align: center;
letter-spacing: 1px ;
font-size: 7pt;
voice-family: inherit;
line-height: 18px;
cursor: crosshair;
display: block;
width: 102px;
height: 18px;
color: #000000;
font-weight: bold;
background-color: #000000;
letter-spacing:1px;
height: 18px;
vertical-align:middle;
text-decoration: none;
font-family: times new roman;
line-height: 18px;
font-size: 10px;}

#menu ul li a:hover {
color: #d5d5bd;
text-decoration: none; 
border: 0px solid;
cursor: crosshair;
background-color: #000000;}

b, strong {
color: #000000;
font-family: tahoma;
font-size: 9px;
text-transform: uppercase;
font-weight: normal;
letter-spacing:0px;
} 
i, em {
color: #000000;
font-family:georgia;
}
u {
color: #a1a196;
text-decoration:none;
border-bottom:1px solid #000000;
}

blockquote {
background-color: #ffffff;
text-align: justify;
padding: 7px;
border-left: 6px solid #000000;
}

h1 {
background-color: transparent;
border-bottom:1px dotted #000000;
font-family: times new roman;
font-weight: normal;
font-style:normal;
font-size: 20px;
color: #000000;
text-align:left;
text-transform: lowercase;
letter-spacing:-2px;
line-height: 18px;
margin:0px;
padding:1px;
}

h2 {
cursor:default; 
background-color: transparent; 
border-bottom:1px dotted #000000;
font-size: 11pt; 
font-family: times new roman; 
letter-spacing:-1px; 
line-height:13pt; 
color: #000000;
padding: 1px;
font-weight: normal; 
text-transform: uppercase;
text-align:right;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;
}

h3 {
background-color: transparent;
border-bottom:1px solid #000000;
font-family: times new roman;
font-weight: normal;
font-style:normal;
font-size: 20px;
color: #000000;
text-align:center;
text-transform: uppercase;
letter-spacing:-2px;
line-height: 18px;
margin:0px;
padding:1px;
}
a:link{
color: #000000; 
font-weight:normal; 
text-decoration:none;
}
a:active{
color: #000000; 
font-weight:normal; 
text-decoration:none;
}
a:visited{
color: #000000; 
font-weight:normal; 
text-decoration:none;
}
a:hover {
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #000000;
color: #000000;
}

a:hover{cursor:crosshair}

a.affie:link, a.affie:visited {
	color: #000000;
	font: 7.5pt century gothic;
	text-decoration: none;
	letter-spacing: -1px;
	text-transform: uppercase;
        border-bottom: 1px solid ;
display: block;	border: 0;
}

a.affie:hover {
	color: #f60b5d;
	text-decoration: none;
	background-color: #F3F3F3;
        border-bottom: 1px solid #000000;
display: block;	border: 0;
}

a.hostee:link, a.hostee:visited {
	color: #404040;
	font: 7.5pt century gothic;
	text-decoration: none;
	letter-spacing: -1px;
	text-transform: uppercase;
        border-bottom: 1px solid #000000;
}

a.hostee:hover {
	color: #f60b5d;
	text-decoration: none;
	background-color: #F3F3F3;
        border-bottom: 1px solid #000000;
}

input, submit, textarea {
font-family: tahoma;
font-size: 10px;
color: #000000;
background-color: ;
background : url("none"); 
border-width: 1px;
border-style: solid;
border-color: #000000; 
}
input:hover{
background-color:  ;
border-width: 1px;
border-style: solid;
border-color: #000000; 
}
textarea:hover{
background-color: ;
border-width: 1px;
border-style: solid;
border-color: #000000; 
}

So this code is the Main CSS code. This is how you edit all of your Bolds, Italics, Underlines, Menus, Links, ect.
And by the way.. I have taken MY CSS code from my website for this tutorial cause it was the best I could find. The colours are just black and white, But you can change that!

If you'd like to read a tutorial on how to edit your CSS code, you can go HERE

Then to display text within the CSS.. you copy and paste this code to where ever you want to display text.

And you just write what ever you like in between the h1's, h2's, and h3's.