CSS Introduction
Here it is, my introduction to the wonderful world of CSS.
What does CSS stand for?
CSS stands for Cascading Style Sheets, and should accompany any major website on the internet.
What does it do?
Styles define how information is presented on the internet. These styles are stored in Style Sheets, either external or internal. An internal style sheet will occur on every page of your website, and will give individual instructions for each webpage depending on how you define them. An internal style sheet is placed inside the <style></style> tag, inside of it’s parent, the <head></head> tag. An External Style Sheet is a style sheet that is placed in an external document and is linked from within the <head></head> tag.
How do I use them?
There are plenty of ways to do this. Here are the easiest examples:
<head>
<style>
body { background: white; }
</style>
</head>
That would be an example of an internal style sheet, with the code placed right there. If you wished to link to an external style sheet, there are two ways to do this:
<link rel="stylesheet" type="text/css" href="style.css"></link>
and
<style type="text/css" media="all">
@import "style.css";
</style>
What can Style Sheets do?
Assuming that you know HTML, CSS is the most effective way to give your code a way to present itself. Style Sheets can tell all paragraphs to be 480 pixels in width and to be the color red. Style Sheets can also be applied to unique items. <p id="uniqueparagraph"></p> This gives the paragraph called “uniqueparagraph” the ability to have separate attributes as the rest of the paragraphs. This can be applied to any tag.