Difference between CSS2 and CSS3 ???? |
| |
 |
Reputation Power: 1
| | New Poster Posts: 10 Topics: 3 |
|
|
September 18, 2010, 01:54:16 AM
|
What is the Difference between CSS2 and CSS3  :b
|
|
|
|
| |
 |
Web Design And Development Company WeblinkIndia.Net
Reputation Power: 2
| | Skilled Coder Real name: lisa
Location: delhi
Gender: 
Posts: 119 Topics: 8 
 |
|
|
September 18, 2010, 02:01:53 AM
|
Hi Riya ,
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.
« Last Edit: March 16, 2011, 09:18:44 PM by Admin »
|
|
| |
|
Reputation Power: 1
| | New Coder Location: UK
Gender:
Posts: 16 Topics: 2 |
|
|
February 03, 2011, 02:34:40 AM
|
Hello Friends. . . . . . . .
There are lots of additional things coming to CSS3 that don't exist in CSS2 including:
# CSS Template layout module and CSS3 Grid positioning module- creating grids with CSS
# CSS3 Text module - outline text and even create drop-shadows with CSS# CSS3 Color module - with opacity
# Changes to the box model - including a marquee property that acts like the IE tag
# CSS3 User Interface module - giving you new cursors, responses to actions, required fields, and even resizing elements
# Media Queries - allows you more flexibility when defining how a style sheet should be used. For instance, you could define a style sheet that is only for handheld devices that have a viewport larger than 20em.
# CSS3 Ruby module - provides support for languages that use textual ruby to annotate documents
Thanks
|
|
| |
|
Reputation Power: 2
| | Skilled Coder Posts: 125 Topics: 0 |
|
|
March 09, 2011, 03:13:23 AM
|
CSS3 is a upgrade version of CSS2. Main difference between CSS3 and CSS2 is that, CSS3 CSS3 provides different sections, called modules.
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 36 Topics: 4 |
|
|
September 30, 2011, 01:46:00 AM
|
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.
|
|
| |
|
Reputation Power: 1
| | New Coder Posts: 39 Topics: 7 |
|
|
October 17, 2011, 07:21:57 AM
|
Many exciting new functions and features are being lined up for CSS3. I have showcase some of them on this post.
Here they are:
Borders
* border-color
* border-image
* border-radius
* box-shadow
Backgrounds
* background-origin and background-clip
* background-size
* multiple backgrounds
Color
* HSL colors
* HSLA colors
* opacity
* RGBA colors
Text effects
* text-shadow
* text-overflow
* word-wrap
User-interface
* box-sizing
* resize
* outline
* nav-top, nav-right, nav-bottom, nav-left
Selectors
* attribute selectors
Basic box model
* overflow-x, overflow-y
Generated Content
* content
Other modules
* media queries
* multi-column layout
* Web fonts
* speech
|
|
| |
TechnicalTalk » Graphics and Web Design » HTML/XHTML/DHTML & CSS » Difference between CSS2 and CSS3 ????
