Search within TutorialsPark

CSS Introduction

CSS is used to define the style features of HTML elements

What is CSS ?

1.CSS i.e Cascading Style Sheets enables you to define rules on how an element should appear.

2.CSS styles are extremely expressive and detailed and allows you to have a very high degree of control over the styling of HTML elements with very little code.

3.And just like HTML even CSS has evolved over the years, the latest version being CSS3, the latest version has added a lot of new capabilities to existing ones.

4. CSS3 together with HTML5 has been at the forefront of advanced WebDesign and WebDevelopment.

Working of CSS.

1.For any WebDocument, the HTML defines the structure of the Webpage while the CSS defines the appearance and style of the Webpage.

2.The appearance of the entire document and every single element can be controlled to great detail with CSS.These properties can be weight, color, size, shadow etc.

3.You can set the CSS settings for specific HTML tags at one central location and it affects the apperance of these targeted elements.

4.Though HTML and CSS go hand in hand, HTML consists of Markups while CSS consists of rulesets targetting specific HTML elements.

5.When ever you visit a webpage ,the webserver sends you the HTML file along with the CSS code for that file(internal or external).

6.The Web Browser interprets the file and then applies the CSS styles to the HTML elements usings its particular rendering engine.Hence, you see a presentable webpage with styles, fonts, colors , shadows etc.

Note- All browsers have their own rendering engine with slightly varying formatting information.

CSS Application Demo

Apple Inc is American Multinational and global leader in Consumer electronics, Softwares and Computers.Most popular products are iPhone, Macbook Pro, Macbook Air , iPad.Founded in 1976 by Steve Jobs, Steve Wozniack, Ronald Wayne.

CSS Modules

1.W3C (World Wide Web Consortium) which defines the standards and Specifications for CSS has introduced a Module Based approach for Styling Webpages.

2.This module approach allows browser companies to add new modules to Browsers with new releases and Updates. This method breaks the previous monolithic approach, greatly simplifying the standardisation process.

The Following are the CSS3 modules currently available:


CSS Template Layout

Media Queries

CSS Background and Borders

CSS Basic user Interface

CSS Basic Box Model

CSS Marque

CSS Cascading and Inheritance

CSS Color

CSS Fonts

CSS Generated Content for Paged Media

CSS Hyperlink Presentation

CSS Line Layout

CSS List

CSS Multicolumn Layout

CSS Namespaces

CSSOM View Module

CSS Paged Media

CSS Presentation Levels

Gird Positioning

CSS Text

CSS 2D Transforms Module

CSS 3D Transformation Module

CSS Transition Module

CSS Animations Module