Lesson 9 - Cascading Style Sheets

CASCADING STYLE SHEETS

    Cascading Style Sheets (CSS) is the latest edition of HTML called Dynamic HTML. It simplifies the task of inserting <font> tag whenever the need arises. With CSS, you could define the text styles needed for tags like : <p>, <td> and even <a>. There are special text-decorations available like : 'underline' and 'shadow'. Here's a sample of CSS which should be inserted between the <head></head> tags :

<style type="text/css">
<!--
P {font-family: Verdana, Arial; }
P {text-align: normal; }
P {font-size: 13; }
P {text-decoration: none; }
A:link {text-decoration: none; color: #FF0000; }
A:visited {text-decotation: none; color: #FF0000; }
A:active {text-decoration: none; color: #00FF00; }
A:hover {text-decoration: underline; color: #0000FF}
-->
</style>


    The 'P' signifies 'paragraph', you could change it accordingly for 'TD' or 'UL'. This code only represents a small portion of Dynamic HTML which I myself haven't mastered it completely. So, this is only what I know. I'll update this page once I've learned it completely. You could also surf the Net for any information regarding Cascading Style Sheets (CSS) and its usage.

    Once you've inserted CSS into your HTML document, there's no need to add tags like <font face>, <font size> unless you really wanted a different style of text. Remember! Only Internet Explorer 5.0 and above could view CSS, Netscape currently doesn't have a browser with CSS capabilities, so don't expect everyone to see the effects.

    Click here to get to Lesson 10 : Finding A Host / Banner Exchange.


This Page Is Published And Maintained By Wong Kuan Yew
Copyright © 2000 Wong Kuan Yew. All Rights Reserved.
Last Updated: