> Originally I thought that when I was sizing my header tags, using > percentages, that the base size was that of the <p> tag.
Umm, no. The percent is the size based off the parent element. Which means that if you want to set a basic font size for a whole page, you do it from the <body> tag. The p style has no effect for text outside of <p> tags whatsoever. > /* ===== font-size: small; font-family: Arial, sans-serif; ===== */ > font: 100%/1.4 'Helvetica Neue', Arial, sans-serif; > > I also don't understand the font family change and the 100%/1.4. By > increasing or decreasing 1.4 I can see the effect that it has, but why you > recommended it I don't know. Arial is a Windows font. It's ugly on other OSes. By putting in Helvetica Neue, you're making it Mac friendly. By putting it first, you're using a prettier font than Arial if it's available. By putting the font size to 100%, instead of small, you're using the user's default font-size, so they can still read your content, which is what the web is all about anyway. The 1.4 is the line-height. It defaults to 1.2 in most browsers, but bigger line-heights make things easier to read, especially at smaller font sizes / long line lengths. Putting in as just a number (instead of a % or px) makes it work off of the default page font-size, so you don't have varying line-heights around the page. ---Tim ______________________________________________________________________ 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/
