CSS Introduction- Definition, Advantages and Uses

1 What is CSS ?

CSS full form is Cascading Style Sheets.

Cascading Style Sheets are used in HTML to position and to display the HTML elements.

CSS can be used to manage the color, text, position, layout, transformation, animations and other properties of html elements.

In other ways

The design language, Cascading Style Sheets, popularly known by its acronym CSS is primarily employed to make the process of creating presentable web pages much more simple and programmer friendly.

Controlling the text color, font style, paragraph spacing and sizing of the columns are included among the key features of CSS along with many more design effects.

Combined with mark-up languages like HTML and XHTML, CSS provides a strong control over the design and presentation of the web pages.

2 The Advantages of CSS

Here are a few advantages of CSS that will help you understand why you should learn more about this design language:

Reusable Code – CSS codes are reusable. This means, once written, they can be used in multiple HTML pages with similar requirement for the HTML elements.

Similarly, any global change can for the HTML elements can be made by simply making the change once in the CSS code.

Faster Processing – Since the attributes per HTML tag are less due to the CSS code, the web pages are loaded faster.

Better Styling Options – Having a range of attributes larger than HTML, CSS enables you to have more styling options with less hassle.

Cross-Platform Functioning – The CSS style sheets enable the web-pages to withhold their design across various platforms and devices

Web-Page Caching – CSS has the feature of caching the web applications locally enabling them to be used offline on the browser.

The latest CSS version being used is CSS3.

3 Uses of CSS

  • CSS is used to display html elements on specific position.
  • CSS is used to manage look and feel of HTML elements
  • CSS is used in webpages design.
  • To make device compatible web pages.
  • Add animation and effect in HTML elements

CSS can used externally, internally and inline.

4 Modules of CSS

Following are some of the modules that are present in it:
Selectors
Background
Text Effects
2D Transformation and 3D Transformations
Animations
Image Values
Multiple Columns

CSS can potentially control the whole layout of an HTML web-page enabling the programmer to design the web pages with better styling and less fuss.

In the subsequent css tutorial, we will learn about the syntaxes and constructs that are required to develop and execute CSS style sheets.