There are many properties which inherits from their ancestors. Very well know are Font and font-* properties. Many other CSS properties inherits from their ancestors and we should know them, if you write CSS. This helps in avoiding duplication and also keeping CSS file size in check. Less lines of CSS means easy to maintain CSS and performance improvement in downloading and also parsing by browser.
Now we know that there are many benefits of knowing which CSS properties inherits, we should look at the list of properties that inherits:
http://www.w3.org/TR/CSS21/propidx.html
http://stackoverflow.com/questions/6187085/full-css-property-table
http://www.w3.org/TR/CSS/#indices
Those which are not inherited by default can be reused by using "inherit
" value for that property.
property:inherit
While we should use inherited properties and should not define those properties if we do not want to change anything, but at the same time remember to use shorthand properties like font: values. Example:
font-weight: bold;
font: 12px verdana;
font-weight set above wont take effect wherever it is applied.
# 1 - by Tanya
Great post! I am bookmarking it right away!
Best Wedding Photographer in India – Akhil Khatri. Visit https://www.facebook.com/akhilkhatriphotography or http://akhilkhatri.com to book the best photographer for your Wedding/Event. Anywhere in the world.