Recent css Tricks learned

 

 1. z-index only applies to elements that are given a "position" value

2. margin: auto" will only work when a width is declared for the element.

3. padding adds to the overall width of the element. and cannot contain negative values.

4.CSS Specificity
CSS styles follow an order of specificity and point values to determine when styles override one another or take precedence.

They are like so:

Elements – 1 points
Classes – 10 points
Identifiers – 100 points
Inline Styling – 1000 points
When in doubt, get more specific with your style declarations. You can also use the !important declaration for debugging purposes if needed