Web Quality -Style Sheets
Using style sheets is crucial for improving the quality of web pages.
Do not use the <font> tag!
You should use CSS to set the font sizes displayed on web pages. Please do not use the font tag.
Using the <font> tag increases the size of the document, and makes changing standard text sizes a nightmare every time.
Please imagine the following situation:
One day you decide to change the color and size of all headings in your website. With CSS, you only need to modify one line to achieve this. If you used the <font> tag, you would need to modify every heading on every page of the website.
Using styles instead of the <font> 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 advice is that fixed sizes cannot be resized through the browser.
Your visitors will use different devices (monitors), different browsing environments (lighting), and possible disabilities (poor vision).
For example, you can set the text size to 100% (or medium), main headings to 140% (or x-large), and secondary headings to 120% (or large), so that users can use the browser to reset their preferred sizes.
Note:By adjusting the text size of a web page, you can also change the amount of text on the printed page.
Do not use very small default font sizes
Some websites use very small text sizes to cram more content into each page, or to make the page look more "trendy".
Again, using different devices (monitors), different browsing environments (lighting), and possible disabilities (poor vision) can all cause reading difficulties for users.
Please do not force users to zoom in on the text every time they visit your site.
Always use a consistent background color
Most web pages use colors for different text elements. The color of headings and links is usually different from the body text color.
As a web designer, you should be aware of the fact that your visitors can modify default color options.
If you define colors for web elements, you should also define the background color.
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 on a dark background).
If you do not specify a background color, it may make the text very difficult to read.