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

This article mainly introduces the css3 style prefix problem is what the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that you read this css3 style prefix problem is what the article will have a harvest, let's take a look.

Css3 style prefixes are: 1, "- moz-", representing firefox browser private attributes; 2, "- ms-", representing IE browser private attributes; 3, "- webkit-", representing safari, chrome private attributes; 4, "- o -", representing Opera private attributes.

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

Prefix problems in CSS3 Styles

As a novice, sometimes I can't tell what attributes need to be prefixed or what prefixes to use when writing css. Here are some summaries of my usual study.

Before understanding these prefixes, let's take a look at the kernels of the major browsers:

IE--trident (one of the cores of many dual-core browsers in China is trident)

Opera--Blink (presto obsolete)

Chrome--Blink (formerly webkit)

Firefox--Gecko

Safari--webkit (webkit kernel is also the most frequently used Android phone)

And each kernel has its own prefix:

Trident kernel: prefixed with-ms-

Gecko kernel: prefixed with-moz-

Presto kernel: prefixed with-o-

Webkit kernel: prefixed with-webkit-

So:

-moz- represents the private properties of the firefox browser

-ms- represents the private properties of the IE browser

-webkit- represents the private attributes of safari and chrome

-o-represents the Opera private attribute

Example: to write a fillet border-radius, you need to write like this:

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

So why should there be a private prefix?

Because the W3C, the organization that sets HTML and CSS standards, is slow. Usually, W3C members propose a new attribute, such as fillet border-radius, which everyone thinks is good, but W3C will not set a standard for this attribute, but will have to go through a very complicated process and go through a lot of reviews. Browser vendors are not willing to wait that long, they think that an attribute is mature enough, so they will add support to the browser.

However, to avoid any changes when the W3C publishes the standard in the future, a private prefix, such as-webkit-border-radius, will be added to support the new attributes in advance. When the W3C publishes the standard and the standard writing method of border-radius is established, the new version of the browser will support border-radius.

This is the end of the article on "what is the prefix problem in css3 style?" Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "what is the prefix problem in css3 style". If you want to learn more knowledge, you are welcome to follow the industry information channel.

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.