CSS3 Styling

In this lesson, we will learn how to work with text in columns and have better control over word wrapping in our text flow. Then, we'll see how we can finally use fonts on our web pages besides the typical assortment we've grown all too accustomed to. We'll also add drop shadows to elements, and last, we'll see how we can actually simplify calculating the dimensions of elements when using box model properties. But take note, while CSS3 has given us some nice additions, some browsers may still be catching up. If a feature found in this lesson isn't functioning in your browser, the property may require that browser's prefix, or perhaps that browser still hasn't supported it just yet. The table below contains the prefixes sometimes needed to adopt newer CSS properties. To use a prefix, create an additional CSS entry for that property, but add the browser's prefix in front of the property name (for example: -moz-column-count to use the "column-count" property in Firefox).