What is the difference between focus, hover, and active, for describing hyperlinks, in the following HTML code?

[Casey]

a:hover {color: #333;}
a:focus {color: #333;}
a:active {color: #090;}

How can focus differ from the other two?