YouTipQuality Styles
# Web Quality - Style Sheets
* * *
Using style sheets is essential for improving web page quality.
* * *
## Do Not Use the Tag!
CSS should be used to set the font size displayed on web pages. Please do not use the font tag.
Using the tag increases the document size and turns the task of changing standard text size into a nightmare every time.
Consider the following scenario:
One day you decide to change the color and size of all headings on your website. With CSS, you only need to modify one line to achieve this. If you used the tag, you would need to modify all headings on all pages of your website.
Using styles instead of the tag makes it easier for us to create high-quality interfaces for web pages.
* * *
## Do Not Use Fixed Font Sizes
Do not use fixed size values. Always use relative size values.
The most important reason for this recommendation is that fixed sizes cannot be resized by the browser.
Your visitors will use different devices (monitors), different browsing environments (lighting), and may have disabilities (poor eyesight).
For example, you can set someone's text size to 100% (or medium), main headings to 140% (or x-large), and secondary headings to 120% (or large), so users can use the browser to reset their preferred size.
**Note:** The feature of adjusting webpage text size can also change the number of words on printed pages.
* * *
## Do Not Use Very Small Default Font Sizes
Some websites use very small text sizes so they can "cram" more content onto each page or make the page look more "trendy".
Again, different devices (monitors), different browsing environments (lighting), and possible disabilities (poor eyesight) may cause reading difficulties for users.
Please do not force users toIncrease the text size every time they visit your site.
* * *
## Always Use Consistent Background Colors
Most web pages use colors for different text elements. The colors of headings and links are usually different from the body text color.
As a web designer, you should be aware that your visitors can modify the default color options.
If you define colors for web elements, you should also define background colors.
If you do not define a background color, your website may be ruined by poor color combinations (such as bright red text on a red background, or dark text with a dark background).
 If you do not specify a background color, it may make the text difficult to recognize.