What is the significance of css global style

What is the significance of css global style?

The significance of css global style is to standardize development, improve work efficiency, facilitate back-end personnel to add functions and front-end post-optimization maintenance, output high-quality documents, and make the structure clearer during website construction. The code is concise and organized, with a better front-end architecture.

At the same time, using global styles is more in line with web standards, page performance is optimized, and the code is concise, clear, and orderly, reducing the load on the server as much as possible and ensuring the fastest parsing speed.

Extension: The best way to write CSS global fonts

body {font-family: Arial, sans-serif;}this It is the best CSS global font writing solution found so far. Let’s briefly compare it with other writing methods.

body {font-family: Tahoma, sans-serif; }This is a good solution. Tahoma is actually a pretty beautiful font. But it actually brings some problems:

1. In the Chinese displayed by Tahoma, in IE 6, the underline will stick closely to the Chinese characters, which is ugly.

2. Under IE 6, Tahoma cannot be set to 13px correctly. It will be as big as 14px. But other browsers don't have this problem.

3. If both Chinese and English appear in one line, and there are elements in this line that are defined with the vertical-align attribute, in IE 6 and 7, the text will be uneven and even the underline will be misaligned.

body {font-family: "宋体", sans-serif; }The possible disadvantages of this writing method are:

1. Song Dynasty looks ugly under IE 7 in Safari and Vista .

2. The English text in Song font is ugly.

3. If you write Chinese in CSS, you have to be careful whether the encoding of your HTML and CSS are consistent.

body {font-family: Arial, ans-serif; }Arial has neither of the above two problems. But Arial also has shortcomings:

1. It’s uglier than Tahoma.

2. The third problem in Tahoma also exists.

However, there is a solution to this bug, which is to define zoom:1 in this line.

body {font-family: SimSun,sans-serif; }Written in this way, you can avoid the third problem above. But the Song font itself is really ugly. We hope to use their default fonts on different platforms. XP is Song font, Vista is Microsoft YaHei, and Mac is Helvetica. In this case, you can only set the first font to the English font, so that when encountering Chinese, the browser will automatically call the default font.

If it is not ugly, it is most appropriate to define it as Arial. If you really don't like it, you can define the global situation as Tahoma, and then define the underlined (such as links) text as Arial, which can at least alleviate it.

Something to note about global fonts: In IE, all form elements do not inherit the font attributes of the body and need to be set separately:

input, label, select, option, textarea, button , fieldset, legend { font-family:Tahoma,sans-serif;}

The above is the detailed content of What is the significance of css global style. For more information, please follow other related articles on the PHP Chinese website!