Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Web-quality style sheets


May 27, 2021 Site quality


Table of contents


Web Quality - Style Sheet


Using style sheets is critical to improving the quality of your pages.


Don't use the hashtags!

You should use CSS to set the font size on the display page. Do not use the font label.

Using the hashtag increases the size of your document and makes every change in your standard text size a nightmare.

Imagine the following:

One day you decide to modify the color and size of all titles on your site. W ith CSS, you only need to modify one line to do this. If you're using the hashtag, you'll need to change all the titles for all pages on your site.

Web-quality style sheets Replacing the label with styles makes it easier for us to create high-quality interfaces for web pages.


Do not use a fixed font size

Do not use fixed dimensions. Always use relative dimensions.

The most important reason for this recommendation is the inability to resize the fixed size through the browser.

Your visitors will use different devices (monitors), different browsing environments (light), and possible disabilities (amblyopia).

For example, you can set someone's text size to 100% (or medium), the main title to 140% (or x-large), and the secondary title to 120% (or large), so that users can use the browser to reset their favorite size.

Note: You can also change the number of text on a printed page by adjusting the text size of your page.


Do not use a small default font size

Some sites use small text sizes so that you can "plug" more content into each page or make the page look more "fashionable."

Again, the use of different devices (monitors), different browsing environments (light), and possible disabilities (amblyopia) can all cause dysponsoly impaired reading.

Web-quality style sheets Don't force users to enlarge the size of 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 the title and link is usually different from the text color of the body.

As a web designer, you should be aware of the fact that your visitors are able to modify the default color options.

If you define a color for a web element, you should also define a background color.

If you don't define a background color, your site may be messed up by a bad combination of colors (such as bright red text on a red background, or a dark background with dark text).

Web-quality style sheets If you don't specify a background color, it can make text difficult to recognize.