CSS3 Introduction

August 24, 2016 by Arti Khedkar

Filed under HTML & CSS

Last modified August 24, 2016

CSS3 Introduction

 

CSS stands for Cascading Style sheet.CSS3 is a advance virgin of css. It is set to take over from CSS2. If you want to work with designing your own webpages, you need to be able to understand and write CSS. New features in CSS3 include support for additional selectors, drop shadows, rounded corners, multiple backgrounds, animation, transparency, and much more. We’ll be using the term CSS3 to refer to the third level of the CSS specification, with a particular focus on what’s new in CSS3. Thus, CSS3 is separate from HTML5 and its related APIs.

css31

CSS3 has been split into “modules”. It contains the “old CSS specification” (which has been split into smaller pieces). In addition, new modules are added.

Some of the most important CSS3 modules are:

  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Image Values and Replaced Content
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

css32

CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes.

 

Advantages of CSS3

css33

 

Usage of style sheet:

Long before introduction of CSS3 in fact the Cascading style sheets concepts designers of web were using HTML markup to denote the font colors, background styles, border size. But after the introduction of Cascading style sheets concept all these got moved into a separate style sheet area thus making the users to have an easier and comfortable HTML markup

Differentiation and Isolation:

The concept of CSS3 helps users to have presentation separated from structure. That is for instance prior to the concept of CSS3 while users and web designers were using HTML markup the way of depicting or denoting a heading to be centered on the page in Bold, Blue with Ariel

Helps to achieve Multi Column Layout:

Multi-Column Module is a vital feature present in CSS3.This feature enables users to flow the content of an element into multiple columns. The CSS3 Multi-Column Module is a important feature because it gives users the following features or advantages are there is no need to for users to scroll up and down while reading the text from one column to the next column, it prevents the need for horizontal scrolling, wraps text user friendly and easier to read without making too short words or lines and most of all everything could be embedded in a single page making it comfortable and economical.

Flexibility in Handling:

The Cascading style sheets concept helps users to handle in a flexible and convenient way the web designing because it is possible to attach the CSS style information as a separate document or if the user wishes it is also possible to attach the CSS style information embedded within the HTML document. Also it is possible to handle multiple style sheets that is to say in other words multiple style sheets can be imported anywhere.

Handling multiple background images:

The drawback with CSS2 was that CSS2 allowed only a single background image per element. This drawback was removed in CSS3 by its capability of handling multiple background images per element.

 

 

Leave a Comment