CSS reset (reset) method sorting page 1/3

Source: Internet
Author: User

I believe that after reading the full text, you will have a new understanding of CSS reset.
PS: CopyCode The Code is as follows :*{
Padding: 0;
Margin: 0;
}

This is the most common CSS reset, but there are many problems here.

The front part of the original article describes many differences between CSS and the CSS rules of various browsers. CSS reset is also designed for compatibility and unification, correct and effective use of "css reset" can save time and money to some extent.

Thank you very much for sorting out and summarizing perishable.

The following is a brief introduction to several types of CSS reset. I have limited capabilities. I can only understand what it means. Please forgive me.

Minimalistic reset [version 1]
I believe you often see this section, and it is also frequently used by us.Copy codeThe Code is as follows :*{
Padding: 0;
Margin: 0;
}

Minimalistic reset [version 2]
Border: the design of 0 is somewhat unreliable.Copy codeThe Code is as follows :*{
Padding: 0;
Margin: 0;
Border: 0;
}

Minimalistic reset [Version 3]
Of course, this is not recommended. It will conflict with some default styles.Copy codeThe Code is as follows :*{
Outline: 0;
Padding: 0;
Margin: 0;
Border: 0;
}

Condensed universal Reset
This is a method that the author is interested in, ensuring the uniformity of the general Browser style.Copy codeThe Code is as follows :*{
Vertical-align: baselinebaseline;
Font-weight: Inherit;
Font-family: Inherit;
Font-style: Inherit;
Font-size: 100%;
Border: 0 none;
Outline: 0;
Padding: 0;
Margin: 0;
}

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.