Session has been expired. Please
login again
.
Home
Interview
Online Test
Tutorial
Difference Between
Trending Topics
LIVE Mock Interviews
Sign Up
Login
Difference between CSS 2 and CSS 3
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
Related differences
CSS 2 vs CSS 3
Is it helpful?
Yes
No
Get differences from below
Android vs iOS
Angular vs React
AngularJS vs NodeJS
AngularJS vs Angular
Ansible vs Terraform
Ansible vs Puppet
Apache vs IIS
AWS vs Azure
AWS vs Google Cloud/GCP
AWT vs Swing
C vs C++
CSS 2 vs CSS 3
EJB 1.0 vs EJB 2.0
EJB 2.0 vs EJB 3.0
EJB 3.0 vs Spring
Golang vs Java
GraphQL vs RESTful Web Services (REST API)
Hibernate 3 vs Hibernate 4
HTML vs XML
HTML vs XHTML
HTML vs DHTML
HTML 5 vs HTML 4
HTTP vs HTTPS
Instagram vs YouTube
J2EE vs J2ME
Java vs C++
Java vs J2EE
Java vs Kotlin
Java vs .NET
Java 1.0 vs Java 1.1
Java 1.1 vs Java 1.2
Java 1.2 vs Java 1.3
Java 1.3 vs Java 1.4
Java 1.4 vs Java 5
Java 10 vs Java 11
Java 11 vs Java 12
Java 12 vs Java 13
Java 13 vs Java 14
Java 14 vs Java 15
Java 15 vs Java 16
Java 16 vs Java 17
Java 17 vs Java 18
Java 5 vs Java 6
Java 6 vs Java 6 update 10
Java 6 vs Java 7
Java 6 update 10 vs Java 6 update 12
Java 7 vs Java 8
Java 8 vs Java 9
Java 9 vs Java 10
JavaBeans vs EJB
JavaScript vs Jquery
JavaScript vs VBScript
JavaScript vs TypeScript
Jboss vs Tomcat
Jboss vs WebLogic
JDBC vs Hibernate
JDBC vs JPA
JDBC 3.0 vs JDBC 4.0
JPA vs Hibernate
Jquery vs AngularJS
jQuery Mobile vs Bootstrap
JSF vs JSP
JSF 1.2 vs JSF 2.0
JSF 2.0 vs JSF 2.1
JSON vs XML
JSP vs Servlets
JSP vs ASP
Linux vs Unix
Monolithic vs Microservices
MVC 1 vs MVC 2
NodeJS vs Java
NodeJS vs Spring Boot
NodeJS vs Golang
On-Premise vs Cloud Computing
OpenID Connect vs OAuth 2.0
OracleJDK vs OpenJDK
PaaS vs IaaS
PHP vs JSP
Puppet vs Terraform
Python vs Java
Python 2 vs Python 3
RDBMS vs Hadoop
RESTful Web Services vs SOAP Web Services
RESTful Web Services (REST API) vs gRPC
SaaS vs PaaS
SaaS vs IaaS
SAML vs OpenID Connect
Spring vs Spring Boot
Spring 2.5 vs Spring 3.0
Spring 3.0 vs Spring 4.0
Spring MVC vs Spring Boot
Struts vs JSF
Struts vs Spring
Struts 1 vs Struts 2
Struts 1.1 vs Struts 1.2
Struts 1.2 vs Struts 1.3
Swing vs Applet
TensorFlow vs PyTorch
TikTok vs Instagram
WebLogic vs Websphere
-->