Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
HTML and CSS  Home HTML and CSS Tutorials CSS Basics
rss

CSS Basics

Author: Atomic More by this author


CSS BasicWell, the content of this tutorial includes

  1. What is CSS?
  2. How do I make my CSS file?
  3. What do I put into my CSS file?
  4. 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!



Author's URL: www.avengex.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "CSS Basics"