Navigation Bar

Home

Buttons and Forms

Styles Page

Pictures Page

Movies Pages

• Bazaar
• Crossing the street in Bejing

Styles can be embedded or external (linked or imported) to the HTML document. The basic form for the style sheet for either case looks like this.

‹style type="text/css">›
‹!--
.red {  font-family: "Times New Roman", Times, serif; 
        font-size: 18pt; 
        color: #FF0033}
.bigtext {  font-family: "Times New Roman", Times, serif; 
            font-size: 36pt; 
            text-align: center}
-->
‹/style›

The above style definition creates two styles: one called red, the other called bigtext. The style red applies a the Times font face in 18 point size and makes the color of the text red. The style bigtext applies the Times font face in 36 point.

When embedding a stylesheet definition, place it in the ‹HEAD› section of the HTML document.

For a linked stylesheet, create a file (use the extension .css for cascading style sheet) with the style definitions and then place the LINK tag in the ‹HEAD› section.

<LINK REL="StyleSheet" HREF="style_sheet_name.css" TYPE="text/css">

where style_sheet_name.css is the file name that contains the stylesheet to link to the HTML document.

Your info goes here