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.
|