CSS
CSS stands for
Cascading Stylesheets, meaning it is a language that describes how a document appears. Like HTML, it uses special codes for certain properties. CSS is used to stylize to websites. With CSS, one can define the colours, fonts, scrollbars, textareas, etc. of a webpage. It is a simple way to back your site look presentable if you're
skilled in graphic design. Even if you are a expert in graphic design, CSS helps match your text with your layout. You will notice that CSS appears slightly different on each browser, so try to make your CSS easy to look at. Therefore, it will be compatable with other browsers like IE or FireFox.
Additional Advice
Make sure your font is not TOO BIG or too small
The colours must be eye-friendly, you use the colours here
Stylesheet
Open a program that can create .txt files, for e.g. Microsoft Wordpad. Use you learn more about CSS from the lessons below, copy + paste from the boxes below each lesson and put it onto your file. When you are finished save the file as stylesheet.css, make sure that it is not a .txt file. You can do so by choosing "All Files" (can be found beside "Save as file type" when you get to save window.
Images
This code decides the type of border the images of our site will have. It decides the thickness (in pixels), the type of border (dashed or solid), and the colour of the border.
Main Text
The three main factors that determine text is colour, font-size, and font-family. A good font-size to choose is in between 9px-16px. Here are a list of font names that are viewed on most webpages and are eye-friendly.
times new roman
verdana
arial
georgia
Other Text
Have you ever wondered hold to make text bold, underlined, or italicized? The codes below will edit font-size, font-family, and the colour of the font - as well as some underlining detials.
Links
Here's how to edit the appearance of the links! There are two factors of a link: 1. what the link appears when there is no cursor over it 2. what the links appears when there is a cursor over it (hover). It's good to have a different colour font when you hover your mouse over the font. It shows vistors that what they are hovering over is a link.
Getting it to appear onto your site
Simply copy this code above every webpage your website has if your pages are htm/html/xhtml files.
