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
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
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:
You can read Much about positioning here
6. Use clean code
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