CSS 3

An Easier Way to "Polish" a Web Site

CSS 3 is a continuation of CSS 2.1.  Yes, that's right, we have different versions of CSS.  As a beginner, you will first learn how to use CSS 2.1 to design web sites.  Once you are comfortable with that, you can begin using CSS 3. 

Some CSS 3 properties are so simple that you can use them right from start.  And that's what I present here, the simple to use CSS 3 properties.

Powerful and Time Saving

CSS 3 provides designers with some powerful and easy to use styling properties.   With CSS 3 we can round corners of page elements without using images;  add drop shadows to text and page elements; modify opacity levels; make linear and radial gradients, and much more.

In the tutorials that follow, you will learn the basics of rounding corners and modifying Opacity.  If you want more CSS 3, then check out the HTML5 DVDs.  Shortly, a new DVD will be released which will teach you about using CSS 3 and adding Jquery to your pages.

Using CSS 3 to do some neat things

1. Make Rounded Corners with Using Images (border-radius property) See New Content about Rounded Corners!

2. Opacity (to determine the level of transparency) opacity or use the opacity filter for IE8 and earlier.

3. Box Shadow (drop shadow on a box or similar. (works in FF, Chrome, IE9, Safari, etc)  (see the Box category of the New Style Dialog Window (style builder).

4. Text Shadow  (drop shadow on text)  (does not work in Internet Explorer, including version 9)  But, we can use IE filters.  (see the snippets panel, in the CSS Folder)

5. CSS 3 and PIE  - Progressive Internet Explorer - forcing IE 8 and earlier to render CSS 3.

6.  CSS 3 Color:  HSLa and RGBa

7.  CSS 3 Linear Gradients

8.  Transformations and Transitions