Prepare Interview

Mock Exams

Make Homepage

Bookmark this page

Subscribe Email Address

Difference between CSS 2 and CSS 3

CSS 2 CSS 3
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

Related differences

CSS 2 vs CSS 3
Is it helpful? Yes No

Get differences from below

Android vs iOSAngular vs ReactAngularJS vs NodeJS
AngularJS vs AngularAnsible vs TerraformAnsible vs Puppet
Apache vs IISAWS vs AzureAWS vs Google Cloud/GCP
AWT vs SwingC vs C++CSS 2 vs CSS 3
EJB 1.0 vs EJB 2.0EJB 2.0 vs EJB 3.0EJB 3.0 vs Spring
Golang vs JavaGraphQL vs RESTful Web Services (REST API)Hibernate 3 vs Hibernate 4
HTML vs XMLHTML vs XHTMLHTML vs DHTML
HTML 5 vs HTML 4HTTP vs HTTPSInstagram vs YouTube
J2EE vs J2MEJava vs C++Java vs J2EE
Java vs KotlinJava vs .NETJava 1.0 vs Java 1.1
Java 1.1 vs Java 1.2Java 1.2 vs Java 1.3Java 1.3 vs Java 1.4
Java 1.4 vs Java 5Java 10 vs Java 11Java 11 vs Java 12
Java 12 vs Java 13Java 13 vs Java 14Java 14 vs Java 15
Java 15 vs Java 16Java 16 vs Java 17Java 17 vs Java 18
Java 5 vs Java 6Java 6 vs Java 6 update 10Java 6 vs Java 7
Java 6 update 10 vs Java 6 update 12Java 7 vs Java 8Java 8 vs Java 9
Java 9 vs Java 10JavaBeans vs EJBJavaScript vs Jquery
JavaScript vs VBScriptJavaScript vs TypeScriptJboss vs Tomcat
Jboss vs WebLogicJDBC vs HibernateJDBC vs JPA
JDBC 3.0 vs JDBC 4.0JPA vs HibernateJquery vs AngularJS
jQuery Mobile vs BootstrapJSF vs JSPJSF 1.2 vs JSF 2.0
JSF 2.0 vs JSF 2.1JSON vs XMLJSP vs Servlets
JSP vs ASPLinux vs UnixMonolithic vs Microservices
MVC 1 vs MVC 2NodeJS vs JavaNodeJS vs Spring Boot
NodeJS vs GolangOn-Premise vs Cloud ComputingOpenID Connect vs OAuth 2.0
OracleJDK vs OpenJDKPaaS vs IaaSPHP vs JSP
Puppet vs TerraformPython vs JavaPython 2 vs Python 3
RDBMS vs HadoopRESTful Web Services vs SOAP Web ServicesRESTful Web Services (REST API) vs gRPC
SaaS vs PaaSSaaS vs IaaSSAML vs OpenID Connect
Spring vs Spring BootSpring 2.5 vs Spring 3.0Spring 3.0 vs Spring 4.0
Spring MVC vs Spring BootStruts vs JSFStruts vs Spring
Struts 1 vs Struts 2Struts 1.1 vs Struts 1.2Struts 1.2 vs Struts 1.3
Swing vs AppletTensorFlow vs PyTorchTikTok vs Instagram
WebLogic vs Websphere
©2024 WithoutBook