Summarized CSS Basic Design Guides

Interesting and useful topics and links in CSS design:

• Text Readibility: 100% Easy to Read Standard
  Basic but highly important initial settings for text: “line-height:1.4” for readable lines, reasonable line-lengths that avoid lines much longer than 10 words, and colors that provide balanced contrast (i.e., pure black on pure white is often too strong for bright CRT displays, make smoother contrast with an off-white such #fafafa on #333333

  
• CSS: Getting into Good Coding Habits
  

  html { font-size:100.01%; }
  body { font-size:1em; }

  This odd 100.01% value for the font size compensates for several browser bugs. First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. The current “best” suggestion is to use the 100.01% value for this property.