Perfect Web Design application: Use CSS to set fonts flexibly

css| Design | Web page design

Use DIV+CSS to write site structure also has a period of time, in this process found that sometimes need to set the font to 12PX, and smaller than 14px font (13px in IE can not distinguish between the size and 12px). Today found with Font-size:small; It's good to control the size of the font.

First set a base value in the label

Body{font-size:small;}

Based on this font size, set percentages in other labels

h1{font-size:120%;}
h2{font-size:110%;}
note{font-size:80%;}

As the underlying values change, other fonts will change, and only the underlying values in the body need to be modified.

Using small as the base value allows users to adjust the size according to preferences, the user's adjustment does not affect the overall font imbalance. Also, when you press CTRL + Scroll the middle mouse button, you can zoom the font size of the page.