1. Diffrence between Class and ID’s

Both are use for describe content and layout in a web page. Symbol for class selectors is (.) while id selectors is (#).

Class: We can use the same class on multiple elements and also multiple class on same element.

ID’s: Id’s are unique. It can only be used once in a page. The main advantages of ids are that they get priority in the cascade.

2. Use Reset.css

By default, browsers have different ways of rendering styles. Reset.CSS, basically reset the default values of web browsers and you won’t need to alter these differences for every element again.

Some example are

Yahoo Reset CSS

Eric Meyer’s CSS Reset

Tripoli

meyerweb.com Reset.CSS

3. Use Shorthand CSS

Shorthand CSS gives you a shorter way of writing your CSS codes.

Read my last post. click here

4. Align Center any block element

You can align any block element in to center by using

margin:0 auto;

In any HTML document it will be given an automatic margin on both its left and right, ensuring that it’s always placed in the center of the screen.

5. Css Positioning

The CSS positioning properties allows you to position an element. It allow you to specify the left, right, top, and bottom position of an element. It have same properties like:

position:static

position:relative

position:absolute

position:fixed

float

You can read Much  about positioning here

Css Positioning

6. Use clean code

If your css code is messy then it is very confusing and time taken to manage. Use clean code by using shorthand technique and using some tips and also u can use online code cleaner.

7. Use tables for tabular data not div

If you want to place information like data in Spreadsheet then it is tabular by nature and, therefore, should be displayed in an HTML table.

You can find more details about that: click here

cheers!!
Joginder Poswal