CSS - get started

CSS, Cascading Style Sheet allows you to easily change the colors, fonts, headers and more on your site, without updating every damn page. It's easy, and here I'll teach you how to use it.

1. Make a new document which you call style.css, and paste this;

body {
margin : 0;
padding : 0;
font-family : Tahoma;
overflow : auto;
line-height : 11px;
text-align : justify;
color : #3b3a39;
font-size : 8pt;
text-align : left;
text-decoration : none;
background-image : url('');
background-repeat : repeat;
background-attachment : scroll;
cursor : crosshair;
}

h1 {
font-family : Tahoma;
color : #20878a;
font-size : 8pt;
background-color : #25a1ab;
text-align : right;
font-weight : bold;
font-style : normal;
text-decoration : none;
padding : 2px;
margin : 0;
border-bottom : 0 solid #efb59e;
}

h2 {
background-image : url('');
font-size : 30px;
background-color : #f843b8;
font-weight : normal;
font-style : normal;
font-family : georgia;
border-top : 0 solid #000000;
border-bottom : 0 solid #000000;
color : #ffffff;
text-align : center;
margin-bottom : 0px;
line-height : 30px;
margin : 0;
text-transform : lowercase;
letter-spacing : -2px;
padding : 2px;
padding-left : 4px;
}

a:link {
color : #bb64d2;
font-weight : normal;
text-decoration : none;
font-style : normal;
text-transform : uppercase;
cursor : crosshair;
}
a:visited {
color : #bb64d2;
font-weight : normal;
text-decoration : none;
font-style : normal;
text-transform : uppercase;
cursor : crosshair;
}
a:active {
color : #bb64d2;
font-weight : normal;
text-decoration : none;
font-style : normal;
text-transform : uppercase;
cursor : crosshair;
}
a:hover {
color : #78cfe0;
text-decoration : none;
font-weight : normal;
font-style : normal;
text-transform : uppercase;
cursor : crosshair;
background-color : transparent;
cursor : crosshair;
border-bottom : 3 solid #f4115e;
margin : 0;
padding : 0;
}

u {
text-decoration : none;
border-bottom : 1px dotted #009ca5;
padding : 0;
margin : 0;
}

i {
font-family : Arial;
color : #5352dc;
font-size : 8pt;
}

b {
font-family : Arial;
color : #fa137c;
font-size : 8pt;
}

2. Change color codes, fonts and so on to you liking, and upload it to you FTP account.;

2. Paste this code in the < head > tag in all your codes. If you got color, font codes ++ in your pages, you take these away now. Upload them all, and you're set! Try out the codes until you get the hang of it.

<link rel="stylesheet" type="text/css" href="/style.css">
Warning: include() [function.include]: http:// wrapper is disabled in the server configuration by allow_url_include=0 in /home/blackst/public_html/tutorials/getstarted.php on line 122

Warning: include(http://black-stripes.net/footer.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/blackst/public_html/tutorials/getstarted.php on line 122

Warning: include() [function.include]: Failed opening 'http://black-stripes.net/footer.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/blackst/public_html/tutorials/getstarted.php on line 122