Scribd
Upload
26 views

CSS2 Vs CSS3

Cascading Style Sheets or CSS manage the whole website designing with one-click changes. The latest version, CSS3, incorporates Modules to enable designing in less time with more ease while updating individual features. CSS3 supports more browsers than CSS2 but should be tested across operating systems and browsers. It introduces new combinators, selectors, pseudo-elements, and style properties like multiple background images, border styling, and column formatting. CSS versions continue improving for faster and more efficient website design.

Uploaded by

Pratigya Gupta
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views

CSS2 Vs CSS3

Cascading Style Sheets or CSS manage the whole website designing with one-click changes. The latest version, CSS3, incorporates Modules to enable designing in less time with more ease while updating individual features. CSS3 supports more browsers than CSS2 but should be tested across operating systems and browsers. It introduces new combinators, selectors, pseudo-elements, and style properties like multiple background images, border styling, and column formatting. CSS versions continue improving for faster and more efficient website design.

Uploaded by

Pratigya Gupta
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

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.

CSSSelectors
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
NewBackgroundStyleProperties
Multiple Background images can be layered in the box using different elements
like background image, position and repeat.

BorderStyle
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.

NewBackgroundStyleProperties

 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.

MoreNewadditions

 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.

You might also like