Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

CSS vs CSS3

DZone 's Guide to

CSS vs CSS3

Find out the most awesome differences.

· Web Dev Zone ·
Free Resource

rainbow-hallway-door-at-end

CSS (Cascading Style Sheet) is one of the three pillars of front-end development that styles a page in HTML. CSS deals with all the visualization effects on the web pages whether its web page background color or text styling. It helps developers to present their creativity on web pages so the user can cherish it. Since its introdution to the developer community, there are have been two new updates to CSS, CSS2, and CSS3, where CSS3 is the newest version of CSS and CSS2 was introduced 20 years ago.

In this article, we will introduce and compare CSS and CSS3.

CSS

CSS was developed by W3C World Wide Web Consortium to solve the problem with individual line styling in HTML. When individual styling attributes were introduced in HTML 3.2 to help style HTML, there still was a problem. Developers had to use style attributes at every single tag, so to overcome this CSS played an important role.

CSS3

CSS3 is the latest version of CSS and comes with new features like rounded corner shadows, gradients, transition, and animations. (That's right, it has even properties like JavaScript.) Mobile Development is the main concern of CSS3. It focuses on responsive design that reduces the problem caused by Adobe-Flash incompatibility on the different devices.

CSS Vs CSS3: Head to Head Comparison

CSS CSS3

Type

It is a standard language that is used to design the web. It is the newest version of CSS.

Responsive Designing

CSS does not follow the responsive Designing The web page of the website adjusts the page size and components according to the size of the devices.
CSS designed webpages are not that much mobile phone friendly CSS is more mobile friendly

Modular based code

CSS does not follow module-based code; it uses its all specifications directly. CSS3 uses all the old specifications of CSS, but all the specifications are divided into different modules.

Rounded Borders

CSS did not have this feature CSS3 has this feature

Bordered Images, text shadows

CSS did not have these features CSS3 comes with these features

Multiple Background

CSS has to use the third party for the Multiple Background CSS3 comes with the built-in Multiple background feature.

Fast page load

The loading speed of CSS designed web pages was decent With the introduction of CSS3 in web pages, it helps to load pages very fast as compared to CSS.

Animations

CSS use JavaScript or Flash code for the animations. CSS3 comes with built-in features like 2D and 3D transformation, which provides animation and transition effects.

Colors and Images effects

CSS has many colors and images effect features. CSS3 contains all the CSS effect and also have some new colors and images effects.

Conclusion

CSS3 is the present and short future of CSS. Now, whoever says they are using CSS actually they are working on CSS3. It has been quite a while since CSS3 has been released and developers are using its new features on a large scale. W3C, the creator of CSS, is now working on updates to CSS3, and maybe we will witness CSS4 in the coming years.


Further Reading

Topics:
css / style sheets

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}