Thursday, March 02, 2006

CSS styles.

Three types of CSS styles:

1> Classes:
1-a> .ClassName
Classes with . at the beginning are applied to different html controls.
1-b> ElmentName.ClassName
Classes prefixed with the element name are applied only to the certain element.

2> Elements:
Elements are applied to certain elements, the following elements are applied to h1, h2.. h6 elements.

h1, h2, h3, h4, h5, h6
{
margin: 2px 0 2px 0;
}

.ClassName Element

.PageNumbers span
{
padding-left: 3px;
}

#ElementId Element

#poster h2
{
font-size: 13px;
font-weight: bold;
color: #50700E;
}


Those should be applied to certain element under the specific class name and the element Ids.

3> Element IDs:
Element IDs starts with the special symbol "#", and it only applies to element with those IDs applied. Those are normally used to position the different web parts.

No comments: