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

This article mainly explains "Why css3 should be prefixed". Friends who are interested might as well take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "Why css3 should be prefixed"!

Because CSS3 has not yet become a true standard, many browsers have different degrees of support for it, and each browser vendor supports the same style differently, so it is necessary to add a prefix to achieve browser compatibility. The css3 prefix is used to ensure that new properties are recognized and effective under a specific browser rendering engine.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Students who have used the CSS3 attribute know that the CSS3 attribute needs to be prefixed by each browser, and even now, there are still many properties that need to be prefixed. Why is that?

Browser manufacturers have been implementing CSS3 before, but it has not yet become a true standard.

Because many attributes of css3 have not yet been determined, the standard specification has not been released, the degree of support of many browsers is also different, and each browser manufacturer supports the same style is also different, so it is necessary to add a prefix to achieve compatibility among browsers, and if the specification is unified in the future, there is no need to write a prefix.

The css3 prefix is used to ensure that this attribute can be recognized and effective under a specific browser rendering engine.

Prefix browser kernel-ms-IE browser Trident kernel-moz-FirefoxGecko kernel-o-OperaPresto kernel-webkit-Chrome and SafariWebkit kernel

At present, there are many private prefixes that can not be written, but in order to be compatible with older versions of browsers, you can still use private prefixes and standard methods to gradually transition.

Let's look at a simple example. To write a fillet border-radius early on, you need to write this:

.box {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}

These are designed to be compatible with the old version of the browser, which does not support new attributes, resulting in a less user-friendly experience; newer browsers all support writing directly: border-radius.

Using prefixes can well match older browsers and display styles normally.

At this point, I believe you have a deeper understanding of "Why css3 should be prefixed". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.