Post Reply  Post Thread 

[Tutorial] CSS Basics.
Author Message
Shaloth
Administrators


Posts: 28
Group: Administrators
Joined: Jun 2006
Status: Offline
Reputation:
Post: #1
[Tutorial] CSS Basics.

YOU WILL NEED HTML/XHTML KNOWNLEDGE BEFORE USING CSS!

First of all, you probably wonders what the heck is CSS?
Well it stands for Cascading Style Sheets.

Okay, lets move on.

What the heck does it do then?
Well, you change your styles in here, weither you want for example the font always to be size 10 etc.

Uhm, okay, but how does it work?
Easy, there's loads of commands for everything, but I will show you the most common ones.

---- body {color: black}
This would set all the backgrounds to black.

---- p{text-align:center; color:green ;font-family:arial}
This would center, make all fonts green and with arial style.

---- /*Text*/
This command is a comment system within CSS files.

---- a:link { text-decoration: underline, color: none;}
This is how an untouched link looks like, black color with an underline.

---- a:visited { text-decoration: none, color: white;}
This is when a link has been visited, the color would turn white.

---- a:active { text-decoration: none, color: blue;}
This is the active link, which you are holding at. It would turn blue.

---- a:hover { text-decoration: none, color: red;}
This is when you hold your mousepointer over the link, it would turn red.

To make your codes look abit better, you could do like this:
---- body
---- {
---- background-image: url("images/back40.gif")
---- }

This changes the background to the image called back40.gif.


In every file you want your .css file to work in, you need to put this small code between the <head> tags.
<link href="mall.css" rel="stylesheet" type="text/css">

Oh well, that's pretty much it, I might do another CSS tutorial later on, abit more advanced. Wink


Sincerly,
SHaLoTH.

This post was last modified: 06-23-2006 09:10 PM by Shaloth.

06-23-2006 09:07 PM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply
Mistik
Web Prog. Mod


Posts: 43
Group: TCP Supporter
Joined: Jun 2006
Status: Offline
Reputation:
Post: #2
RE: [Tutorial] CSS Basics.

Thanks man not to good at css lol


06-26-2006 03:33 PM
Send the author an email Send the author a private message Find all posts by this author Quote this message in a reply

Post Reply  Post Thread 

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites
Rate This Thread:

Forum Jump: