Tweet
CSS stands for Cascading Style Sheets and they make it so much easier to make changes and keep things looking the way you want.
If you're familiar with Word or one of the other word processing programs where you create styles, you have an idea of what CSS can do for a website.
You can define different link styles, color and size of text, headings, background colors and images, line spacing, and just about any other attribute you can think of.
Let's say your site has 50 pages and you have the same layout on every page.
You can use something like this in your stylesheet:
BODY {
background-color: #99CCFF;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #001122;
font-weight: bold;
}
So, if you want to change the color of the text or the font, you update your stylesheet and it changes all 50 pages.
To reference your stylesheet, you'll need a tag like this inside the head tags at the top of your text file:
<link href="anyname.css" rel="stylesheet" type="text/css">
To make your CSS stylesheet, just use a text editor like you'd use to create a text file for your webpage. That's where the code above goes. When you name it, .css is the extension you have to use. And make sure the name is exactly the same as what's in your tag.
So, here's the tag again that goes in your web page's text file:
<link href="anyname.css" rel="stylesheet" type="text/css">
This is what you would need to name your CSS stylesheet:
anyname.css
Hope this helps.
Feel free to add anything or share your ideas for using CSS. It sure makes life easier!
If you're familiar with Word or one of the other word processing programs where you create styles, you have an idea of what CSS can do for a website.
You can define different link styles, color and size of text, headings, background colors and images, line spacing, and just about any other attribute you can think of.
Let's say your site has 50 pages and you have the same layout on every page.
You can use something like this in your stylesheet:
BODY {
background-color: #99CCFF;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
color: #001122;
font-weight: bold;
}
So, if you want to change the color of the text or the font, you update your stylesheet and it changes all 50 pages.
To reference your stylesheet, you'll need a tag like this inside the head tags at the top of your text file:
<link href="anyname.css" rel="stylesheet" type="text/css">
To make your CSS stylesheet, just use a text editor like you'd use to create a text file for your webpage. That's where the code above goes. When you name it, .css is the extension you have to use. And make sure the name is exactly the same as what's in your tag.
So, here's the tag again that goes in your web page's text file:
<link href="anyname.css" rel="stylesheet" type="text/css">
This is what you would need to name your CSS stylesheet:
anyname.css
Hope this helps.
Feel free to add anything or share your ideas for using CSS. It sure makes life easier!
Comment