Saving Time with CSS Inheritance

Inheritance takes many forms. We inherit sutff, we inherit traits from out parents, grandparents and beyond and then there is the CSS inheritance. Bascially, the CSS properties applied to one tag are passed on to nested tags. For example a (p) tag is always placed inside a (body), so the properties of the (body) get inherited by the (p) tag. You can use inheritance to streamline some of your style sheets. For instance if you want all of the text on one page to use the same font. Rather than create styles for each of the tags, simply create a tag style for the (body) tag. In the style indicate which font you want and all the tags on that page will inherit the font,for example body {font: Arial, Helvetica, sans-serif}. You can also use inheritance to apply styles to certain sections of the page using the (div) tag. Using the (div) you apply styles for only those tags inside the (div) tag. So if you want all of the text on the banner to be bold; 2em, arial, then create a (div) tag in the header section specific for the banner, ie., (div id ="banner"), then in the style sheet put #banner: {font: 2em Arial; font-weight: bold}. Using CSS is the only way to style sheets now but you already knew that. Article id: 9/1,13/19,15/8,1,16,16,25/25,15,21/1,18,5/9,14/13,25/12,9,6,5)