Just picked up a book on CSS and learned something right off the bat. A couple of cool and useful CSS tricks.

1. >page-break-before: { always auto avoid left right inherit } ;
   The page-break-before style can be used to force a page break before an element (say, a DIV). I often create printable versions of web pages (content minus menus) and have often wished that I could handle page breaks. Now I know how to. This is supported by IE5.5+, FireFox, Safari and Opera.



2. >If you are in an IE-only environment, then there are filters that allow for funky effects such as drop shadows and motion blur. Here's an example of motion blur:
   

   
       .mydropshadow {
           width: 200px;
           color: red;
           font-size: 28px;
           filter:progid:DXImageTransform.Microsoft.MotionBlur(
            strength=10,direction=310);
       }
   

   
   



3. >selectors. I've known about attribute selectors, convenient for changing the font of text in hyperlinks when the cursor passes over them, and class selectors. But there are other types of selectors, including ID selectors, wild-cards, and combinators. I'm looking forward to improving my CSS skills. CSS is (as everyone already knows) powerfull stuff!