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.
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:
CSS Template Layout
CSS Background and Borders
CSS Basic user Interface
CSS Basic Box Model
CSS Cascading and Inheritance
CSS Generated Content for Paged Media
CSS Hyperlink Presentation
CSS Line Layout
CSS Multicolumn Layout
CSSOM View Module
CSS Paged Media
CSS Presentation Levels
CSS 2D Transforms Module
CSS 3D Transformation Module
CSS Transition Module
CSS Animations Module