Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

Difference between CSS and CSS3

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

CSS: CSS stands for Cascading Style Sheet. Its main objective is to provide styling and fashion to the web page. CSS provides color, layout, background, font, and border properties. CSS features allow better content accessibility, enhanced flexibility, and control, as well as the specification of the characteristics of presentation.

CSS3: CSS3 stands for Cascading Style Sheet level 3, which is the advanced version of CSS. It is used for structuring, styling, and formatting web pages. Several new features have been added to CSS3 and it is supported by all modern web browsers. The most important feature of CSS3 is the splitting of CSS standards into separate modules that are simpler to learn and use.

Difference between CSS and CSS3:

1CSS is capable of positioning texts and objects. On the other hand, CSS3 is capable of making the web page more attractive and takes less time to create. CSS3 is backward compatible with CSS.
2Responsive designing is not supported in CSSCSS3 is the latest version, hence it supports responsive design.
3CSS cannot be split into modules.Whereas CSS3 can be breakdown into modules.
4Using CSS, we cannot build 3D animation and transformation.But in CSS3 we can perform all kinds of animation and transformations as it supports animation and 3D transformations.
5CSS is very slow as compared to CSS3Whereas CSS3 is faster than CSS.
6In CSS we have set of standard colors and it uses basic color schemes only.Whereas CSS3 has a good collection of HSL RGBA, HSLA, and gradient colors.
7In CSS we can only use single text blocks.But in CSS3 we can use multi-column text blocks
8CSS does not support media queries.But CSS3 supports media queries
9CSS codes are not supported by all types of modern browsers.Being the latest version, CSS3 codes are supported by all modern browsers.
10In CSS, designers have to manually develop rounded gradients and corners.But CSS3 provides advanced codes for setting rounded gradients and corners
11There is no special effect like shadowing text, text animation, etc. in CSS. The animation was coded in jQuery and JavaScript.CSS3 has many advance features like text shadows, visual effects, and a wide range of font styles and colors.
12In CSS, the user can add background colors to list items and lists, set images for the list items, etc.Whereas CSS3 list has a special display property defined in it. Even list items also have counter reset properties.
13CSS was developed in 1996.CSS3 is the latest version of CSS and was released in 2005.
14CSS is memory intensive.CSS3 memory consumption is low as compared to CSS.

New features of CSS3:

Combinator: CSS3 has a new General sibling combinator which matches up with sibling elements via the tilde (~) combinator.

CSS Selectors: CSS3 selectors are much advanced in comparison to simple selectors offered by CSS, and are termed as a sequence of easy to use and simple selectors.

Pseudo-elements: Plenty of new pseudo-elements have been added to CSS3 to give easy styling in depth. Even a new convention of double colons :: is also added.

Border Style: The latest CSS3 also has new border styling features like border-radius, image-slice, image-source, and values for “width stretch”, etc.

Background style properties: New features like background-clip, size, style, and origin properties have been added to CSS3.

My Personal Notes arrow_drop_up
Last Updated : 27 May, 2022
Like Article
Save Article
Similar Reads
Related Tutorials