Welcome to ITarama

This site proudly sponsored by:

Other ITarama affiliates:


ITarama recommends:

CSS

Cascading Style Sheets

CSS is short for Cascading Style Sheets. Cascading Style Sheets were created to allow Web designers a way to apply formatting to content that was separate and apart from that content. The biggest advantage of that approach is that the formatting of elements can be simply changed across an entire Web site in a matter of seconds. That's why we love CSS.

CSS allows formatting in three different ways. They are:

Inline Styles
Internal Style Sheets
External Style Sheets

Inline Styles

Internal Style Sheets

External Style Sheets

Below you will see how to write some of the styles used on this site and how they display.

h2 {
color: #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
color: navy;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
font: Verdana, Arial, Helvetica, sans-serif;
color: navy;
}

.leftlink {
font: bold .8em;
width: 135px;
height: 0%;
vertical-align: top;
text-align: right;
background-color: #66ccff;
background-image: none;
border-color: #000066;
border-style: solid;
border-width: 0px 0px 0px 0px;
color: #ffffff;
list-style-type: none;
margin: 5px 5px 0px 8px;
padding: 2px;
}

.footlink {
font: bold .8em;
width: 100%;
height: 0;
vertical-align: top;
text-align: center;
background-color: #66ccff;
background-image: none;
border-color: #000066;
border-style: solid;
border-width: 0px 0px 0px 0px;
color: #ffffff;
list-style-type: none;
margin: 5px 5px 0px 8px;
padding: 2px;
}

.body {
font: normal .7em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

p {
font: normal .9em Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

.headbox {
font: bold .8em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
height: 0;
vertical-align: top;
text-align: center;
background-color: navy;
background-image: none;
border: solid navy 1px;
}

.box {
font: normal .8em Verdana, Arial, Helvetica, sans-serif;
color: gray;
height: 0;
vertical-align: top;
text-align: left;
background-color: ffffff;
background-image: none;
border: solid navy 1px;
}

CSS