Just like the new HTML 5 specifications, CSS3 (or CSS Version 3, to be more precise) is the latest set of specifications. Designe to mold, shape, and define just what capabilities the newest version of CSS has. CSS stands for Cascading Style Sheets. And the idea behind them is a very simple one. CSS documents are creat solely for the purpose of styling (that is, managing color, size, layout, position, and much more) the contents of an HTML document.
While HTML code’s purpose is to define the structure of the document. CSS is there to define how that content is present to the end user. CSS was originally created to reduce the amount of markup. That was being use in an HTML document. To dictate what a particular chunk of HTML looked like. As you can see from the HTML code present in Code Listing 2, vastly more markup was require to produce a simple one-line, bold, red header than most are use to today.
That was just one line—imagine having to do this every time you wanted to produce a similarly styled header for your page. CSS rules solve two of these problems immediately. First, they typically define the rules that define how the text should look in a separate file. This immediately means that a designer or graphics-only person can easily change these rules without ever having to worry about the code in the HTML file.Secondly, they promote re-use of a rule on multiple elements through the use of the class attribute, which means you only have to specify the settings once, then tell the markup when to use those settings.
Table of Contents:
1:What is CSS3?
2:Basic CSS Refresher
4:New Pseudo Selectors
8:Generated Content and Calculations
9:The Mixed Bag of Tricks