Build
Javascript, CSS, ASP, PHP, Java, HTML, Flash, Software Tutorials, SQL

Design
Style, Layout, Domains

Premote
Advertising, Marketing, Communities, Search Engines

Sell
Selling Advertising, Online Business's

Newsletter
Subscribe, Unsubscribe

A bit of class

CSS Stylesheets don't just define standard tags. You can also do heaps of clever things. This article looks at what you can do with text and tables.

If you have read the rest of the articles on CSS in the developers library then you will already know how to add special text headings but incase you didn't read the article on how to do it. Its probably under using CSS. I'm going in to more detail anyway.

p.heading { font-family: arial; color: #FF0000; }

That would be the style you placed in your style sheet. Because you started with a p. it will only effect <p> tags but you can miss that our and just put .heading if you want it to effect everything inside the tags you place the style in. Now place in in the code:

<p class="heading">Some Heading</p>

That would give you the outcome:

Some Heading

You can also add text decoration:

p.heading { font-family: arial; color: #FF0000; text-decoration: underline; }

This would produce:

Some Heading

You can also give class tags to tables, chaing their background and each of the borders individually.

.tableclass{

background-color: #FFFFCC;

border-top: #FF9900 2px solid;

}

Written by: Chris Worfolk - http://www.worfolk.biz
Posted: 1/3/2003