What is the difference between css3 and css2

Difference: 1. CSS3 is an advancement of CSS2, adding some new attributes, such as animation, box-sizing, icon, etc.; 2. CSS2 advocates the separation of content and performance effects, while CSS3 is a Developed with modularization; 3. CSS2 does not have compatibility issues, but CSS3 does.

The operating environment of this tutorial: Windows 7 system, CSS3 version, Dell G3 computer.

CSS provides a style description for the HTML markup language, defining how elements in it are displayed. CSS is a breakthrough in the field of web design. It can be used to modify a small style to update all page elements related to it.

There are three main versions of css, namely css1, css2, and css3. CSS2 is used more often, because CSS1 has fewer attributes, and CSS3 is not supported by some old browsers, so everyone mainly uses CSS2 when developing.

CSS2.0 is a brand-new style sheet structure promoted by W3C. It is completely different from the previous CSS1.0 or CSS1.2. CSS2.0 recommends a set of content and performance effects. In a separated manner, HTML elements can control the display effect through CSS2.0 styles.

You can completely eliminate the use of table and td in previous HTML to position the appearance and style of the form. You only need to use HTML tags such as div and Li to separate elements, and then you can define the form through CSS2.0 styles. The appearance of the interface.

CSS3 language development is developing towards modularity. The previous specification was too large and complex as a module, so it was broken down into smaller modules and more new modules were added.

To put it simply, the properties of css2 are available in css3, but the properties of css3 may not be available in css2. CSS3 is the latest version, and the effect is incomparable to CSS2. CSS3 can be said to be an advancement of CSS2, because CSS3 adds some new attributes on the basis of CSS2.

For example, defining rounded corners, background color gradients, background image size control, and defining multiple background images, etc. This is an effect that is not available in CSS2. Now new versions of browsers basically support CSS3, such as IE9, FF4, chrome11, but if you want to use CSS3 to develop a website, you should consider users who are still using lower version browsers.

Summary of the differences between css3 and css2:

1. CSS3 is an advancement of css2, adding some new attributes.

• animation (and eight associated longhand properties)

• background-clip

• background-origin

• background-size

• border-radius (and four associated longhand properties)

• border -image (and six associated longhand properties)

• box-decoration-break

• box-shadow

• box-sizing

• columns (and thirteen associated multi-column properties)

• clear-after

• flex (and eleven associated flexbox properties)

• font-stretch

• font-size-adjust

• font-synthesis

• font-kerning

• ##font-variant-caps

• hanging-punctuation

##hyphens

• ##icon

• ##image-resolution

• image-orientation

• line-break

• object-fit

• object-position

• opacity

• outline-offset

• overflow- wrap / word-wrap

• backface-visibility

• perspective

• perspective-origin

• pointer-events (for HTML)

• resize

• ##tab-size

• text-align-last

• text-decoration-line

• text-decoration-skip

• text-decoration-position

• text-decoration-style

##text-emphasis (and three associated properties )
text-justify
text-orientation
text-overflow
transform

• ##transform-style

• ##text-shadow

• transition (and four associated longhand properties)

• word-break

• word-spacing

• writing-mode

• 2. CSS2 advocates the separation of content and performance effects, while CSS3 is developing towards modularity.

3. CSS2 does not have compatibility issues, but CSS3 does.

• (Learning video sharing:

  css video tutorial
)

The above is the detailed content of What is the difference between css3 and css2. For more information, please follow other related articles on the PHP Chinese website!