Author : Ankan Pal. Last modified in Oct 2001.

Home || Biography || Interests || Photo Albums || Favourites || Contact Me || Site Details || Feedback

This html page is a summary of cascading styles that has been used to design this site. All the HTML and custom class tags are kept in mystyle.css file.

mystyle.css file formats

I have defined my own external stylesheet. It gives me a lot of flexibility to format and present my site the way I want it. Most importantly, it is really simple!

My styles

<H1>This is H1</H1>

<H2>This is H2</H2>

<H3>This is H3</H3>

This is the default font/color etc. format. Use this for normal body text. Insert class="verfont".

Normal body text will have this type of hypertext. No other formatting is allowed. This is automatically done.

In case you need to bold a particular (set of) word(s), you have to do it manually i.e., you have to insert <b>...</b> tags yourself. Same applies to italics and bold italics!

What is a stylesheet ?

A style sheet is made up of style rules that tell a browser how to present a document. There are various ways of linking these style rules to your HTML documents, but the simplest method for starting out is to use HTML's STYLE element. This element is placed in the document HEAD, and it contains the style rules for the page. ..."

This is a clipping from www.htmlhelp.com. A really good site to start with. Click here for more>>

More about stylesheet ?

Cascading style sheet specifications are determined by the World Wide Web Consortium (WC3), the organization that develops common protocols for the World Wide Web. The CSS specification and other information about how cascading style sheets work is available here>>>, along with information about other style sheet protocols.

lycos webmonkey also gives good idea about css.

If you want to change the font color like this, just change it using <font color=Green>your words</font>.

You can also use green highlights like this! Insert class="highlight".

Sometimes you may use this font! Insert class="timesfont".

In this case also, the same hyperlink format applies.

The horizontal line can be inserted by just using <hr></hr>.

In any case, sometimes you may need to links which are special. In that case you have the following style:

Here is a Special link! Remember special links have this font style (Verdana, bold, 10pt). Insert class="speciallinks".

Handling TABLES:

Giving border to the overall table: Insert class="tableborder" in <table> tag. Use this in tandem with font classes, if required.

This is a table with two rows, first being this one.

This is the second row, however one cannot make out!

Defining a special first row: Insert class="tablefirstrow" in table <tr> tag.

First Col	Second Col
Normal style	Just font style of overall table

However it is better to use cell style to give a better look and feel. Insert class="tablecell" in table <td> tag.

First Col	Second Col
Special first row style	Just font style of overall table, but borders for the first row cells
Lets have a simple hyperlick:	Click here...

Handling IMAGES

Insert class="images" by preferably using <span> tag. Image size will be width=300, height=195.

Home || Biography || Interests || Photo Albums || Favourites || Contact Me || Site Details || Feedback

Author : Ankan Pal. Last modified in Oct 2001.