CSS: CSS stands for Cascading Style Sheet. Its main objective is to provide styling and fashion to the web page. CSS provides color, layout, background, font, and border properties. CSS features allow better content accessibility, enhanced flexibility, and control, as well as the specification of the characteristics of presentation.
CSS3: CSS3 stands for Cascading Style Sheet level 3, which is the advanced version of CSS. It is used for structuring, styling, and formatting web pages. Several new features have been added to CSS3 and it is supported by all modern web browsers. The most important feature of CSS3 is the splitting of CSS standards into separate modules that are simpler to learn and use.
Difference between CSS and CSS3:
New features of CSS3:
Combinator: CSS3 has a new General sibling combinator which matches up with sibling elements via the tilde (~) combinator.
CSS Selectors: CSS3 selectors are much advanced in comparison to simple selectors offered by CSS, and are termed as a sequence of easy to use and simple selectors.
Pseudo-elements: Plenty of new pseudo-elements have been added to CSS3 to give easy styling in depth. Even a new convention of double colons :: is also added.
Border Style: The latest CSS3 also has new border styling features like border-radius, image-slice, image-source, and values for “width stretch”, etc.
Background style properties: New features like background-clip, size, style, and origin properties have been added to CSS3.