I have been to w3schools lately and have looked through some html 5 and css3 stuff.  It is very exiting to see all of the new features that they have.  You should go and check it out.  If you go to the main page then click on css3 or html5 you will find the great features.  Note: some of these newer features are not yet implemented in Internet Explorer nor Firefox.  Go here for the html5 tutorial and here for the css3 tutorial.

A cool little thing that I found was how to change the color of highlight text in Firefox. You can find it here.  Neat little tip heh?  Also you can use the <mark> and </mark> tags to highlight text in yellow.  Without the css.  Here is an example: Hello world. how are you?

You play a video from your browser with the video tag
<br /> <video scr=”" width=”" height=”"><br /> This is the text that would be displayed if the browser doesn’t support the video tag.<br /> </video><br />

Some really fun features in css3 are skew, rotate, text shadow, and a ton more really fun ones. WARNING: some of these don’t work for Internet Explorer.

Text Shadow!!

The code for these here. Also the mozilla text color selection is in here. Please ignore all the break tags tags:)

<br /> #texShad<br /> {<br /> text-shadow: 5px 5px 5px red;<br /> }div.expand<br /> {width:100px;<br /> height:100px;<br /> background:red;<br /> transition:width 2s;<br /> -moz-transition:width 2s; /* Firefox 4 */<br /> }div.expand:hover<br /> {<br /> width:300px;<br /> }<br /> *::-moz-selection {<br /> background:red none repeat scroll 0 0;<br /> color:black;<br />

Here is a box shadow for a div code.
width:200px;<br /> height:200px;<br /> background-color:yellow;<br /> -moz-box-shadow: 10px 10px 5px #888888; /* Firefox 3.6 and earlier */<br /> -webkit-box-shadow: 10px 10px 5px #888888; /* Safari */<br /> box-shadow: 10px 10px 5px #888888;<br />

You can also jump to certain parts of the page with css. Simply by adding the id to the URL like this
http://websitename.com/whatever#idHere
Try it here

Notice that for the link href=”#idhere” so it adds it to the url instead of creating a new request.