Simple comparison: what is the difference between css3 and css

CSS is a technology for site style control, generally used in web development. CSS3 is the third version of CSS and an upgraded version of CSS2, which includes more powerful styles and special effects. What are the differences between CSS3 and CSS? Let’s take a closer look.

1. Improvements of CSS3 over CSS2
As an upgraded version of CSS2, CSS3 has been improved in the following aspects:

1. Selector: More are added to CSS3 Selectors, such as attribute selectors, pseudo-element selectors, etc., make it easier for developers to select elements according to different needs.

2. Background and border: The background and border styles in CSS3 are more abundant and diverse. Developers can customize the style and special effects of the web page at will.

3. Text effects: The text effects in CSS3 are better than those in CSS2, including text shadow, text tilt, etc.

4. Layout: The layout in CSS3 is more flexible and can be used to implement responsive layout, so that the page can present the best effect on different devices.

5. Animation effects: CSS3 adds more animation effects, such as translation, rotation, zoom, etc., to make web pages more lively and interesting.

6. Gradient: You can use the gradient function in CSS3 to create more vivid background styles, such as horizontal gradients, radial gradients, etc.

2. Differences in usage methods
CSS3 and CSS also have certain differences in usage methods, as follows:

1. Prefix: Because CSS3 contains more functions, different browsing The browser may support different features, so when using some advanced features, you need to add different prefixes before the style for different browsers to parse. CSS2 does not have this problem.

2. Calling method: There are some new functions in CSS3, which need to be called using new styles. For example, setting rounded corners in CSS2 requires the hack method of using the background attribute; in CSS3, it can be achieved using the border-radius attribute, which is simpler and clearer.

3. Differences in compatibility
There are also certain differences in compatibility between CSS3 and CSS. Since CSS3 has added many new features, there are still some browsers that do not support certain CSS3 properties. CSS2 is relatively more compatible and supported by almost all browsers.

Summary: CSS3 is an upgraded version of CSS, which adds many new styles and special effects, enhancing the visual effects of web pages. Although the syntax of CSS3 is different from CSS2, it is also easy to use and can meet more needs in website design. Although the compatibility of CSS3 is not as perfect as CSS2, it demonstrates many new technologies and provides front-end developers with richer choices.

The above is the detailed content of Simple comparison: what is the difference between css3 and css. For more information, please follow other related articles on the PHP Chinese website!