Difference between CSS and CSS3
The full form of CSS is Cascading Style Sheets. CSS describes how HTML elements are to be displayed on browsers screen, or in other media browsers screen. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files. CSS3 is the latest version of the CSS language. CSS3 is divided into many different documents called Modules. Every module adds new capability or extends features defined in CSS, and every modules has different stability and is in different status. Like rounded corners, shadows, gradients , transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. The CSS3 version supports many more browsers than CSS.
CSS3 have major changes/additions include:
Combinator and Selectors
A combinator is something that explains the relationship between the selectors
There are four different combinators in CSS3:
- descendant selector (space)
- child selector (>)
- adjacent sibling selector (+)
- general sibling selector (~)
Pseudo-Elements
A CSS pseudo-element is used to style specified parts of an element.
it can be used to:(1) Style the first letter, or line, of an element.(2) Insert content before, or after, the content of an element.
The double colon replaced the single-colon notation for pseudo-elements in CSS3, and single-colon syntax was used for both pseudo-classes and pseudo-elements in CSS.
Style Properties:
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 finished overseas with circuitous systems for div tag and makes it simple for altercation designing of desk-much less columns. This will be finished with the aid of putting in the amount of columns within the browser that price to be introduced in the body thing forth with their width, blush and acme to accomplish the argument breeze thru the columns simply.