Build a Web Site for Peanuts
Build a Web Site for Peanuts
Untill recently, building a web site was not
much fun. You had to know HTML, FTP and have
good design skills. When it was finished you
had to register a domain name and choose a
web hosting service.
The...
Choosing A Color Scheme
When you begin the design of your Web site, one of the first things you need to do is decide on a color scheme. Although choosing colors seems like a relatively easy proposition, it's not easy at all. In fact, it's hard. One of the pluses we have...
CSS - Maximum Benefits
What is CSS?
CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make...
How to Use Meta Tags for Search Engine Optimization
How to Use Meta Tags for Search Engine Optimization Copyright 2002 Herman Drost Statistics show that only one of every four Web Sites have Meta tags. However using these tags can give your site an advantage over other sites that do not. Meta tags...
Linking out is good
Many websites I come across don't have a single link to another website. Ask the webmaster why not, and the answer you get is simple enough: "If I link to other websites people might leave my site." At this point I break the news that site...
CSS: The Basics - ID's and Classes
Css
Cascading Style Sheets
Two types of style sheets: Internal and External
Internal - You insert your style code right into your html code. These stylesheets should only be used if you are intending to create a specific page with a specific style. If you want to be able to make global changes to your website using only one style sheet, you have to use....
External Stylesheets - Instead of putting all the style code into your html code, you can create a single document with your css code and link to it within your webpages code. It would look something like this
If you decide to use an internal stylesheet, you have to put your css style wihin the following tags:
All css or links to the external stylesheets have to go in between the tags
Now about Css Classes vs. ID's
The one major difference between a class and an id is that classes can be used multiple times within the same page while an Id can only be used once per page.
Example:
ID - The global navigation of your site, or a navigation bar. A footer, header, etc. Only items that appear in only one place per page.
Class - Anything that you would use multiple times in your page, such as titles, subtitles, headlines, and the like.
Creating ID 's
To create an Id in your css, you would start with the number sign (#) and then your label of the id. Here's an example
#navigation { float:left; }
To insert the id in your html, you would do something like this
