Well, the content of this tutorial includes
- What is CSS?
- How do I make my CSS file?
- What do I put into my CSS file?
- How do I put the CSS on my site?
What is CSS?
CSS stands for cascading style sheets, which basically mean the style of your website. This can affect stuff like your link colours, your text colours, your scrollbar colours and can even be used to make transparent iframes.
How do I make my CSS file?
You can really make it like any other web-based file. The best way to make it is probably just opening notepad and putting the code in it and saving it as css.css .
So open your notepad!
What do I put into my CSS file?
Your CSS file will determine your colours of your text, so lets start with that.
Lets start with the colour of your links, just to keep it simple.
|
a:link, a:visited {
color: #000000; text-decoration: none; } |
That will display all your links as black. So if you want your link to be a different colour, then change the #000000
Now just the general text colour
|
td,p,div {
font-family: Verdana, Tahoma, Sans-Serif; font-size: 10px; color: #FF0000; } |
That will determine that your text on that page will be black, once again, change it to your needs. Also note that you can change the font-size aswell. From that you can find other things in CSS just by trying to find a site CSS.CSS file (normally www.domain.com/css.css or www.domain.com/style.css)
So lets combine both of these like this
|
td,p,div {
font-family: Verdana, Tahoma, Sans-Serif; font-size: 10px; color: #FF0000; } a:link, a:visited { color: #000000; text-decoration: none; } |
How do I put the CSS on my site?
This part of the tutorial is really simple. Just upload it to the same directory as the file your going to put it on (dont just put it on the index page, put it on all the pages seperately).
Now in the head of your html file, put
| <link rel="stylesheet" type="text/css" href="css.css" /> |
There you go! You have CSS On your site!












