Contact Us

|

FriendFeed FriendFeed

|

follow us on twitter Twitter

|

 Rss Feed

|

Favorites Add to Favorites

Saturday, December 16, 2006

Span and Div with CSS

The <span> and <div> tags are very useful when dealing with Cascading Style Sheets.

The div tag defines logical divisions (defined) in your Web page. It acts like a paragraph tag, but it divides the page up into larger sections.

The primary attributes of the div tag are:

* style
* class
* id

Span

The span tag has very similar properties to the div tag, in that it changes the style of the text it encloses. But without any style attributes, the span tag won't change the enclosed items at all.

The primary attributes of the div tag are:

* style
* class
* id
Read more...

Thursday, December 14, 2006

CSS vs HTML

HTML document, a Cascading Style Sheet is just a simple text file. Unlike an HTML document, you don't need a special declaration at the top of the file to say that this is a style sheet. The name of the file should however end with a .css suffix. In addition to being in .css files, style sheets can also be embedded into the <head> of HTML files.
Read more...

Sunday, December 3, 2006

Applying CSS

There are three types of applying CSS to html. They are as follows...
1) Inline
2) Internal
3) External

In-line:

In-line styles are put straight into the HTML tags using the style attribute.
Ex: <p style="color: red">Blog</p>

Internal:

Embedded, or internal styles are used inside the head tags.
Ex: <style type="text/css">
a {
color: blue;
}
</style>

External:

External styles are used for the multiple-page website. Used inside the head tags
Ex:<link rel="stylesheet" type="text/css" href="style.css" />
Read more...

Saturday, December 2, 2006

Box Properties

The box properties control borders, padding, and margins around HTML elements.
Read more...

Friday, December 1, 2006

Css Structure

Selector:

The selector is an element which is linked to a particular style.

Class Selectors:

A selector can have different classes, which allows the same element to have different styles. For example,

#page.p{margin:0px;padding:0px}
Read more...