MEM wrote:
> Hello all,
>
> I'm asking myself this question and I'm hoping someone could help me solve
> it.
> On past posts, we have been talking on applying font-size to elements that
> actually contain text and not, on containers of other elements because, that
> could lead to visual inconsistencies and unnecessarily complicates things.
>
> I've been told that HTML is the first element that could have font-size
> applied to it.
> body, the second element.
>
> Taking away the font-size bug issue and the reason for font-size:100%; on
> the HTML element, why do we normally do:
>
> body {
> font-size : xxx%;
> }
>
> And not:
>
> body p {
> font-size : xxx%;
> }
>
> ?
>
> Why apply a font-size to all body element that can contain not only text but
> other elements as well ?
>
>
> Thanks in advance,
> Márcio
>
>
>
>
Keep it simple and easy to read.
Sans might read:
html {
margin:0;
padding:0;
background: #fff;
color: #000;
font: 100%/1.4 'Helvetica Neue', Arial,sans-serif;
}
Serif might read:
html {
margin:0;
padding:0;
background: #fff;
color: #000;
font: 100%/1.4 Georgia, Palatino, "Palatino Linotype", serif;
}
Allow the primary and secondary content to inherit default (100%) by
doing absolutely nothing at all, and (perhaps) make tertiary content if
there is any -- #tertiary p {font-size: 95%;}.
Best,
~d
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
