Shulou(Shulou.com)06/01 Report--

This article mainly explains the "css global style case analysis", the content of the article is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "css global style case analysis" bar!

Body {font-family:Arial,sans-serif;} this is the best CSS global font writing solution found so far. The following is a simple comparison with other writing methods.

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

1. The Chinese displayed by Tahoma, in IE6, the underline will stick to the Chinese character tightly, which is very ugly.

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

3. If both Chinese and English appear in a line, and an element in this line is defined with a vertical-align attribute, it will lead to uneven text and even misplaced underlines in IE6, 7.

The possible disadvantages of body {font-family: "Song style", sans-serif;} are as follows:

1. The Song style looks ugly under the IE7 of Safari and Vista.

two。 The English words in Song style are very ugly.

3. If you write Chinese in CSS, you have to be careful whether your HTML and CSS codes are the same.

Body {font-family:Arial,ans-serif;} Arial does not have either of the above problems. But Arial has its drawbacks:

1. Uglier than Tahoma.

The third problem in 2.Tahoma also exists.

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

By writing body {font-family:SimSun,sans-serif;} this way, you can avoid the third problem above. But the Song style itself is really ugly. We want to use their own default fonts on different platforms. XP is Arial, Vista is Microsoft Yahi, and Mac is boldface. In this way, you can only set the first font to the English font, so that when you encounter Chinese, the browser will automatically invoke the default font.

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

For global fonts, it should be noted that in IE, all form elements do not inherit the font properties of body and need to be set separately:

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

Thank you for your reading, the above is the content of "css global style instance analysis". After the study of this article, I believe you have a deeper understanding of the problem of css global style instance analysis, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.