Sketti
27-02-2005, 06:21 PM
CSS
CSS stands for Cascading Style Sheet and is used for website colour rules.
CSS is helpful for colour rules so you don’t have to put the same bit of HTML in on every single page you have on your website. The only things’ it needs, for an external CSS, is itself and one tiny bit of HTML with goes after the <head> tag – not the </head> tag:
<link rel=stylesheet type=”text/css” href=”CSS NAME HERE.css”>
For an internal CSS, again it goes after the <head> tag – not the </head> tag – but instead of the HTML tag I just put for you there you put the whole CSS – like this:
<style><!—CSS GOES HERE--!></style>
So your HTML should look a bit like this:
<html>
<head>
<style><!—CSS GOES HERE--!></style>
<title>TITLE GOES HERE</title>
etcetera, etcetera.
External CSS template
a:link
{
color: rgb(0,0,0);
}
a:visited
{
color: rgb(0,0,0);
}
a:active
{
color: rgb(0,0,0);
}
table
{
table-border-color-light: rgb(0,0,0);
table-border-color-dark: rgb(0,0,0);
}
body
{
font-family: Verdana, Arial, Helvetica;
background-color: rgb(0,0,0);
color: rgb(0,0,0);
}
h1
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h2
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h3
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h4
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h5
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h6
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
Just change the 0’s to any number between 0 and 255 using the red, blue, green colour style and change the font families to the fonts that you want.
Internal CSS template
<style>
<!--
BODY
{scrollbar-face-color: #CCCCCC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #DCDCDC;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #AAAAAA;}
.main {font: 10px verdana;}
.pagename {font: 14px verdana; color: #2F4A7F; font-weight: bold;}
.style3 {color: #000000}
-->
</style>
That's the internal CSS for another site of mine - Randomness (http://www.radomness.uk.tt) - change it as you want and add some more CSS on.
Remember! I goes inside the <head> tag!
Well I hope that helps you folks!
CSS stands for Cascading Style Sheet and is used for website colour rules.
CSS is helpful for colour rules so you don’t have to put the same bit of HTML in on every single page you have on your website. The only things’ it needs, for an external CSS, is itself and one tiny bit of HTML with goes after the <head> tag – not the </head> tag:
<link rel=stylesheet type=”text/css” href=”CSS NAME HERE.css”>
For an internal CSS, again it goes after the <head> tag – not the </head> tag – but instead of the HTML tag I just put for you there you put the whole CSS – like this:
<style><!—CSS GOES HERE--!></style>
So your HTML should look a bit like this:
<html>
<head>
<style><!—CSS GOES HERE--!></style>
<title>TITLE GOES HERE</title>
etcetera, etcetera.
External CSS template
a:link
{
color: rgb(0,0,0);
}
a:visited
{
color: rgb(0,0,0);
}
a:active
{
color: rgb(0,0,0);
}
table
{
table-border-color-light: rgb(0,0,0);
table-border-color-dark: rgb(0,0,0);
}
body
{
font-family: Verdana, Arial, Helvetica;
background-color: rgb(0,0,0);
color: rgb(0,0,0);
}
h1
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h2
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h3
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h4
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h5
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
h6
{
font-family: Times New Roman, Times;
color: rgb(0,0,0);
}
Just change the 0’s to any number between 0 and 255 using the red, blue, green colour style and change the font families to the fonts that you want.
Internal CSS template
<style>
<!--
BODY
{scrollbar-face-color: #CCCCCC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #DCDCDC;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #AAAAAA;}
.main {font: 10px verdana;}
.pagename {font: 14px verdana; color: #2F4A7F; font-weight: bold;}
.style3 {color: #000000}
-->
</style>
That's the internal CSS for another site of mine - Randomness (http://www.radomness.uk.tt) - change it as you want and add some more CSS on.
Remember! I goes inside the <head> tag!
Well I hope that helps you folks!