WeblinkIndia logo
+91-9319740538 Get a Call BAck

CSS2 and CSS3: The Difference

Web Design | Admin | Last Updated: 2010-08-23

CSS2 and CSS3: The Difference

Cascading Style Sheets or CSS manage the whole website designing with one-click changes. The latest version of CSS is the CSS3 version which basically differs from CSS2 in the incorporation of Modules and other changes. Modules enable the designing to be done in a lesser time with more ease while updating individual features and specifications. The CSS3 version supports many more browsers than CSS2, but be sure to test it on all operating systems and browsers. Other major changes/additions include:

  • New Combinator
  • New CSS Selectors
  • New Pseudo-elements
  • New Style properties

Now let us discuss these in detail.

  • Combinator New addition of General Sibling Combinator is done to match sibling elements of a given element through tilde (~) Combinator.
  • CSS Selectors While CSS2 had simple selectors, the new version calls them the components as a sequence of simple selectors.
  • Pseudo-Elements Many Pseudo Elements have been added that allow in-depth yet easy styling and a new convention of double colons has been introduced.
  • Style Properties New Background Style Properties Multiple Background images can be layered in the box using different elements like background image, position and repeat.
  • Border Style Styling of borders has been extended to images and rounded designs which includes creating image of the borders and then automatically apply image to the borders through CSS.

Additions in Properties

  • Border-radius, image-source, image-slice, and the values for width outset and stretch have been added in CSS3.
  • Properties for managing boxes like shadowing, wrapping and breaking have been added.
  • CSS3 has done away with complex structures for div tag and makes it easy for hassle free designing of multiple table-less columns. This can be simply done by putting in the number of columns in the browser that need to be added in the body element along with their width, color and height to make the text flow through the columns with ease.

New Background Style Properties

  • With the addition of the new local value, if the element has a scroll bar then the background scrolls with its content.
  • Background-clip, origin, size and style properties have been added.
  • Background shorthand property has been added in the size and origin properties.
  • The changes to previous Background Style Properties include:
    • Repeat property now has two values name space and round that space the tiled image in the box uniformly and rescales background images to tile it multiple time in the box.

More New additions

  • Modules for grid creations and template layout.
  • User interface module has been updated with the feature of adding/designing many elements.
  • Ruby and Paged Media module allow more support for languages, paged media and with flexibility in using style sheets by Media Queries is also present.

CSS versions just keep getting better with time which means improves the programming platform for developers resulting in faster and more efficient website designing. CSS3 mainly gives a simple interface that can be worked by beginners as well for making better and more appealing website styles.

Add a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

Why Choose Static Website? [thumb]

Why Choose Static Website?

Web Design | Jul 20, 2021

Static websites are again used by many. The days when the business used to have moving characters all over their land...

Read Full Story


Why Website Design Portfolio is Important in 2021? [thumb]

Why Website Design Portfolio is Important in 2021?

Web Design | Jul 14, 2021

Marketing is difficult. Self-marketing is perplexing. Getting on the mat to lock horns, in a competitive mark...

Read Full Story


How to Use Website Navigation for Maximum Benefits? [thumb]

How to Use Website Navigation for Maximum Benefits?

Web Design | Jun 24, 2021

The best way to improve the experience of the site is to build exceptional navigation. When you do that, you will als...

Read Full Story