What is CSS3? The most comprehensive introduction to CSS3 in history

This article brings you what is CSS3? The most comprehensive introduction to CSS3 in history has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

For readers who have never been exposed to CSS3, the first reaction when seeing CSS3 is "What is the difference between CSS3 and CSS?" In fact, CSS3 is an upgraded version of CSS. CSS has been upgraded from CSS1.0, CSS2.0, CSS2.1 and CSS3.0. CSS2.1 is a revised version of CSS2.0 and CSS3.0 is the latest version of CSS (Understand CSS Version issues are also very necessary).

What we usually call CSS actually refers to CSS2.1, and CSS3 specifically refers to the "newly added attributes" relative to CSS2.1.

Compared with CSS2.1, CSS3.0 has added many new properties and methods, the most typical ones are rounded corners, deformation and animation, etc. In CSS2.1, setting rounded corners for labels is a headache, and animation effects are also achieved through jQuery and so on.

CSS3 has the following powerful functions:

(1) Selector;

(2) Text effects: such as text shadow text-shadow attribute, embedded font @font- face, etc.;

(3) Color effects: such as RGBA color, opacity, etc.;

(4) Border effects: such as border rounded corners border-radius, border shadow box-shadow, etc. ;

(5) Background effects: such as background size background-size, background slice background-clip, etc.;

(6) CSS3 deformation: such as displacement translate(), scaling scale(), etc. ;

(7) CSS3 transition: such as transition property transition-property, transition time transition-duration;

(8) CSS3 animation:

(9) Multi-column layout ;

(10) Flexible box model;

(11) User interface: such as adjusting the element size resize attribute and outer contour attribute;

The biggest benefit of CSS3 is : Effects that previously required the use of images or JavaScript can now be achieved with just a few CSS codes.

For the CSS series, the webmaster divides it into CSS introductory tutorials, CSS advanced tutorials and CSS3 tutorials from the perspectives of different people. Among them, the CSS introductory tutorials and CSS advanced tutorials are for CSS2.1, while the CSS3 tutorials are for is the "newly added attribute". . The CSS3 tutorial is an advanced tutorial on the front-end. It is better for you to lay a good foundation before learning, otherwise you will have a lot of questions and there will be no point in learning. In this tutorial, the webmaster will not spend too much time explaining too basic knowledge. Friends can just go find Du Niang when they have time. The CSS3 tutorial requires you to have some basic knowledge of HTML and CSS. The following are prerequisite courses:

HTML Video Tutorial

##Html5 Video Tutorial

The above is the detailed content of What is CSS3? The most comprehensive introduction to CSS3 in history. For more information, please follow other related articles on the PHP Chinese website!