CSS Overview


Over the life of the web html tags have come and gone. The "table" tag is relatively new. It became included in HTML v3.0 and eventually standard in the general release of HTML v3.2. Tags that became deprecated (no longer supported by the current standard) include:

Center
Font
Dir
Menu
Applet
S and Strike
Isindex
U
Basefont

Of these, Basefont, font, s, strike, and u are all being supported through Cascading Style Sheets (CSS), and I am sure more are to follow. Therefore, might as well start the migration. All web hosts I have encountered free or fee support CSS as it is part of the 4.01 HTML standard.
CSS allows you the designer to globally and locally define the look and feel of your content. Lets assume that you have three headings on a web page that you have applied a special color.

<h2><font color="red" > Heading 1 </font></h2>….

<h2><font color="red"> Heading 2 </font></h2>….

<h2><font color="red"> Heading 3 </font></h2>….

With CSS the defining code in the head section of the web page

<style type="text/css">
<!--
h2 {color:"red";}
-- >
</style>

This defines the h2 tag for every instance on the page. All page elements can be defined this way.

Now suppose you have 10 pages where you wish to define the some tags to look the same on all of your pages. CSS can be linked to each page. Create a text file that contains only the css styles with no other HTML tags for example:


h1 { font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
font-weight: bold;
color: #FF0000}

h2 { font-family: "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
color: #FF3300}

h3 { font-family: Arial, San-serif;
font-size: 12px;
font-weight: bold;
color: #FF0099}

Save the file as "yourcss.css" and upload to your server.

Then this code snippet is added to the HEAD section of each page that you wish to apply the styles to.

<link rel="stylesheet" href="yourfolder/yourfile.css" type="text/css">

That's it you're done. Now to change the look of the H3 tag, just edit the CSS file and upload, your changes will update all pages that are linked to the style sheet.

 
   
 
 
 
 
   
   
   
 
Michael S Richter © 2000 - 2011 ALL RIGHTS RESERVED