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.
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
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