Wednesday, March 4, 2009

Learn CSS

This article isn't meant to give you a complete and thorough overview of CSS, but should give you a practical foundation for working with CSS in templates and learning more in the future.

Basic CSS Rules
CSS code is structured differently than HTML. You can think of CSS code as a list of rules. First you have to state what you're making the rule for (the "selector"). Then, you list out the different properties that you want to change. It's pretty simple!

selector {
property1: value;
property2: value;
}

Like with HTML, you can format CSS however you want. It can be in one long line, or split up into several lines with tabs for readability.

A selector can be an HTML element, a custom class, or a reference to an ID.

If the selector is an HTML element (such as p, h1, a, and so on), you can use it to set properties for every instance of that HTML element on the page.

The selector can also be a custom class. Custom classes can be named almost anything you want, and start with a period—.redtext,.nomargin, and.bigheading are all examples of classes. In the HTML code, you can apply these classes with the class attribute, like this:

For Details View : http://expression.microsoft.com/en-us/dd326792.aspx

No comments:

Post a Comment

Earn Money ! Affiliate Program
Open Directory Project at dmoz.org