Search within TutorialsPark

CSS to CSS3


A Brief history into the evolution of CSS3 over the years.


Evolution of CSS.

1.In the beginning the Webpages were simple and consisted of plain text(no decorations), with large and bold headings and underlined links in blue color. In those days webpages were used only by the scientific community. Here is the first webpage ever

2.Over the years the use of Internet expanded to Designers and Masses hence new elements like images, tables,.

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 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. Thus simplifying the process for both users and vendors.

The Following are the CSS3 modules currently available:

Selectors

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