|
Basic CSSCSS stands for Cascade Style Sheet which basically is used to help style your web site/page. All CSS should be written in the <head> CSS here </head> section. A few things that you need to know is that div.thing the thing part is called a class, so if you want to use that kind of style for a div, then in your page in the body and contents, just do this <div class="thing">. You change it to font, div, td, links, or anything you want, just place a period (.) after the text (should look like font. or A:link. or td.) and the class will be placed after the period, and you can make the class whatever you want (look, 1, my, etc).Also, you should know that when you do this #thing it is called an id. So you don't need to put anything like div, td, A:link, font, etc. in front of it. You can use id and in your tag on the HTML page, you can do <div id="thing">. Use # and then add a name you want, together, it should look sort of like this #name. All CSS that you want to effect the whole page should be written in between the <head> here </head>. All CSS that you want to effect the whole page should be in these <style type="text/css"> </style> tags.
<html>
You can also import a CSS page which is a lot more convinent since you only have to change the CSS page to change the CSS on all your pages.
To do this, you will need to make a separate CSS file first as your Cascade style sheet (meaning that the file ends with .css)
and then add the following code to the head section of the page you want the CSS to effect.
<head> <title>Your Page Title</title> <style type="text/css"> CSS here please </style> </head> <body> Content (all content is affected by the CSS) </body> </html>
<LINK href="/main.css" rel="stylesheet" type="text/css">
On our website, we currently use this method to update everything easily, if you would like to take a look at our CSS page, please
click here. In our style sheet, we have written the head again, but you don't really have to since
the original page will only import whatever there is on the imported page to the place where the code above is placed.
|