Topic Comparison Hub

CSS 2 vs CSS 3

Review the differences between CSS 2 and CSS 3 in a structured comparison table, then continue with related interview questions, quizzes, and similar topic comparisons.

1 comparison points

0 related comparisons

Difference Between

CSS 2 vs CSS 3 - A key comparison and difference of the topics or subjects that will help you understand which is best for your use case. Check out to compare CSS 3 and CSS 2 as very common job interview questions.

Comparison Overview

Difference between CSS 2 and CSS 3

CSS 2 Topic one in this side-by-side comparison.

1 comparison rows currently available on this page.

CSS 3 Topic two in this side-by-side comparison.

CSS 2 Interview Online Test	CSS 3 Interview Online Test
Features added/updated: - Font selection - Tables - Positioning - Cursors - [] matches any tag, e.g {color: red}. - [>] Parent-Child relationship, e.g body>div.header>p{color: red}. - Space can be used to specify that a tag must have other tags as its ancestor. e.g table a img {border:none}. - can be used to specify some restriction on sibling tags. e.g img + p {color:red}. There are special syntax to match some mouse hovering, focusing, behaviors. e.g a:link {color:red}, a:visited {color:green}, a:hover {color:yellow}. - Can be used to match a tag only if it is the first child. e.g li:first-child {color:red}. - :first-letter and :first-line can be used. e.g p:first-letter {color:red}, p:first-line {color:blue}. - You can match the existence of a attribute, by the syntax tagName[attributeName]. e.g a[title] {color:red}. -You can match a tag's attribute's value, using the syntax tagName[attributeName="valueString"]. e.g img[alt="icon"] {border:solid thin red}. - A word in the value of a attribute can be matched, by using the operator ~=. e.g img[alt~="house"] {border:solid thin red}. - Layout are done with attributes �display� and �position�. e.g BBB {display:block; position:absolute; top:300px, left:50px}. - Has the ability to specify a table format. e.g BBB {display: table-row}, CCC {display: table-cell}. - �white-space� has a new behavior spec: nowrap. e.g DDD {white-space: nowrap}. Text can be inserted at the beginning or end of specified tag, using :before and :after. e.g AA:before {content:'Proof: '}, AA:after {content:'End of Proof.'}. - Background Image can be repeated, or just horizontally or vertically. e.g AAA {background-repeat:repeat-x}	Features added/updated: - CSS 3 Selectors - Rounded Corners - border-image - box-shadow - text-shadow - Gradient - RGBA: Color, Now with Opacity - Transform (Element Rotation) - Multicolumn Layout -Web Fonts - border-radius - background-origin and background-clip - background-size e.g background-size: auto 125px; - Multiple Backgrounds e.g background-image: url(sheep.png), url(betweengrassandsky.png); - HSL colors -HSLA colors - opacity - RGBA colors - text-overflow - word-wrap - box-sizing - resize - outline - attribute selectors - nav-top, nav-right, nav-bottom, nav-left - overflow-x, overflow-y - content

CSS 2

Interview Online Test

CSS 3

Interview Online Test

Features added/updated:
- Font selection
- Tables
- Positioning
- Cursors
- [*] matches any tag, e.g *{color: red}.
- [>] Parent-Child relationship, e.g body>div.header>p{color: red}.
- Space can be used to specify that a tag must have other tags as its ancestor. e.g table a img {border:none}.
- can be used to specify some restriction on sibling tags. e.g img + p {color:red}.
There are special syntax to match some mouse hovering, focusing, behaviors. e.g a:link {color:red}, a:visited {color:green}, a:hover {color:yellow}.
- Can be used to match a tag only if it is the first child. e.g li:first-child {color:red}.
- :first-letter and :first-line can be used. e.g p:first-letter {color:red}, p:first-line {color:blue}.
- You can match the existence of a attribute, by the syntax tagName[attributeName]. e.g a[title] {color:red}.
-You can match a tag's attribute's value, using the syntax tagName[attributeName="valueString"]. e.g img[alt="icon"] {border:solid thin red}.
- A word in the value of a attribute can be matched, by using the operator ~=. e.g img[alt~="house"] {border:solid thin red}.
- Layout are done with attributes �display� and �position�. e.g BBB {display:block; position:absolute; top:300px, left:50px}.
- Has the ability to specify a table format. e.g BBB {display: table-row}, CCC {display: table-cell}.
- �white-space� has a new behavior spec: nowrap. e.g DDD {white-space: nowrap}.
Text can be inserted at the beginning or end of specified tag, using :before and :after. e.g AA:before {content:'Proof: '}, AA:after {content:'End of Proof.'}.
- Background Image can be repeated, or just horizontally or vertically. e.g AAA {background-repeat:repeat-x}

Features added/updated:
- CSS 3 Selectors
- Rounded Corners
- border-image
- box-shadow
- text-shadow
- Gradient
- RGBA: Color, Now with Opacity
- Transform (Element Rotation)
- Multicolumn Layout
-Web Fonts
- border-radius
- background-origin and background-clip
- background-size e.g background-size: auto 125px;
- Multiple Backgrounds e.g background-image: url(sheep.png), url(betweengrassandsky.png);
- HSL colors
-HSLA colors
- opacity
- RGBA colors
- text-overflow
- word-wrap
- box-sizing
- resize
- outline
- attribute selectors
- nav-top, nav-right, nav-bottom, nav-left
- overflow-x, overflow-y
- content

Save For Revision

Bookmark this item, mark it difficult, or place it in a revision set.

Open My Learning Library

Is it helpful? Yes No

Related differences

Explore similar comparisons connected to CSS 2 and CSS 3 for broader context and interview preparation.

No match found.

Browse Comparisons

Get differences from below

Browse all available topic comparisons below, or use the search field above to narrow the list instantly.

Build skills with focused learning paths, mock tests, and interview-ready content.