What is the difference between css and css3

Difference: 1. CSS3 refers to an upgraded version of CSS cascading style sheet technology; CSS refers to a computer language used to express file styles such as HTML or XML. 2. CSS3 has many new features than CSS, such as rounded corner effects, graphical borders, block shadows, text shadows, etc.

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

What is CSS?

CSS is the abbreviation of Cascading Style Sheets.

CSS is a markup language that is a browser interpreted language and can be executed directly by the browser without compilation.

CSS is a markup language used to represent HTML or XML.

CSS is recommended and maintained by the CSS Working Group of W3C.

CSS is a required course for beginners in programming. Using CSS styles can make the page beautiful.

CSS syntax consists of three parts: selector, property and value: selector {property: value}

What is CSS3?

CSS3 is the latest CSS standard.

css3 just has some more style settings than css. CSS3 is forward compatible, that is to say, valid codes in CSS are also valid in CSS3.

The difference between css and css3

1. Different references

CSS3: It is an upgraded version of CSS (cascading style sheets) technology, which was launched in 1999 The formulation began in 2001, and W3C completed the working draft of CSS3 on May 23, 2001.

CSS: It is a computer language used to express document styles such as HTML (an application of Standard Generalized Markup Language) or XML (a subset of Standard Generalized Markup Language).

2. Different contents

CSS3: mainly includes modules such as box model, list module, hyperlink method, language module, background and border, text effects, multi-column layout, etc.

CSS: It can not only statically modify web pages, but also dynamically format various elements of web pages in conjunction with various scripting languages.

3. Different features

CSS3: There are many new features, such as rounded corners, graphical borders, block shadows and text shadows, using RGBA to achieve transparency effects, gradient effects, and using @Font -Face implements customized fonts, multiple background images, text or image deformation processing (rotation, scaling, tilting, movement), multi-column layout, media queries, etc.

CSS: It can perform pixel-level precise control of the layout of element positions in web pages, supports almost all font sizes and styles, and has the ability to edit web page objects and model styles.

New properties in CSS3

box-shadow (shadow effect)

border-colors (set multiple colors for the border)

boder-image(picture border)

text-shadow(text-shadow)

text-overflow(text truncation)

border-radius(rounded border)

opacity (opacity)

box-sizing (control box model composition mode): Specify two boxes bordering

resize (element scaling): specify a div element, Allow users to adjust the size

outline(outer border)

background-origin(specify where the background image starts to display)

background-clip(specify where the background image starts to display) Cropping)

background (specify multiple backgrounds for one element)

Recommended tutorial: CSS video tutorial

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