If your are experienced with CSS or have coded a website before, you have probably heard of CSS resets CSS resets are chunks of CSS code designed to make life easier on the coder/designer when coding the website. CSS resets are an extremely useful tool in making your site cross browser comptaible. Today, we will have a look at 6 popular CSS reset techniques.

Generic Reset

* {

 padding: 0;

 margin: 0;

 border: 0;

 }

More »

What is CSS Layout? 

CSS layout uses style sheets to define the placement of elements on a web page. Typically CSS layout replaces tables, which are currently the most popular method of placing page elements. There is a common misconception that CSS layout techniques are incapable of producing complex page layouts. While it is true that tables generally provide more flexibility, I will show you that complex layouts are quite possible with CSS. More »

In the box model, there is a rectangular area defined. Various styles are provided to give shape to this area. E.g. the distance from left, right, top and bottom; the relation of the box with other boxes; its relation with the content in it is defined using CSS. More »

Multiple document interfaces can be realized by implementing tab-based design, the users can utilize tabs to navigate between documents. For tab-design, generally CSS is used, for faster loading and optimization, Ajax techniques can be used too. There are so many Web pages describing tab usage, the ones using most interesting techniques are as follows:

More »

• Getting Started
• Organize your CSS-code
• Handling IDs, Classes, Selectors, Properties
• Use shorthand notation
• Setting Up Typography
• Debugging
• Technical Tips: IDs, Classes
• Technical Tips: Use the power of selectors
• Technical Tips: Styling Links
• Technical Tips: CSS-Techniques
• Technical Tips: IE Tweaks

Smashing Magazine collected 70 expert opinions in separate categories. Read further on this link …