Without Book Interview Questions and Answers | Online Test | Moct Test
Download Android App in your Android Device from Google Play Store
- Search for "Withoutbook Practice Exam Test" in Mobile/Tablet Play Store
Institute Training Search by Name or Email

Exams Attended

Make Homepage

Bookmark this page

Subscribe Email Address

Difference between CSS 2 and CSS 3

Choose Subjects for getting difference ⇒ Refresh this page
vs
CSS 2CSS 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
Is it helpful? Yes No
Get differences from below
JSF vs JSPJSP vs ServletsJSP vs ASP
JSF 1.2 vs JSF 2.0JSF 2.0 vs JSF 2.1Java 5 vs Java 6
Java 6 vs Java 6 update 10Java 6 vs Java 7Java 6 update 10 vs Java 6 update 12
Java 1.0 vs Java 1.1Java 1.1 vs Java 1.2Java 1.2 vs Java 1.3
Java 1.3 vs Java 1.4Java 1.4 vs Java 5Struts 1 vs Struts 2
Struts 1.1 vs Struts 1.2Struts 1.2 vs Struts 1.3Linux vs Unix
C vs C++Java vs C++Java vs J2EE
Struts vs JSFStruts vs SpringApache vs IIS
Jboss vs TomcatJboss vs WebLogicWebLogic vs Websphere
JavaScript vs JqueryJavaScript vs VBScriptJquery vs AngularJS
HTML vs XMLHTML vs XHTMLHTML vs DHTML
HTML 5 vs HTML 4Java 7 vs Java 8EJB 2.0 vs EJB 3.0
EJB 3.0 vs SpringJDBC vs HibernateJDBC vs JPA
JDBC 3.0 vs JDBC 4.0CSS 2 vs CSS 3EJB 1.0 vs EJB 2.0
AWT vs SwingSwing vs AppletPHP vs JSP
J2EE vs J2MEJava 8 vs Java 9MVC 1 vs MVC 2
Hibernate 3 vs Hibernate 4Spring 3.0 vs Spring 4.0jQuery Mobile vs Bootstrap
JavaBeans vs EJBJSON vs XMLRESTful Web Services vs SOAP Web Services
Spring 2.5 vs Spring 3.0HTTP vs HTTPSAngularJS vs NodeJS
©2017 WithoutBook