1. Get the firebug extension for firefox. It will allow you see changes live on your site, exactly how it appears in your browser.
2. Hit F12 to launch it.
3. Start out by learning basic CSS. Find a class to play around with, let's pick something like
textarea {
color: #000000;
font-family: courier;
font-size: 10pt;
}
What will happen when you change #000000 to some other color, #ff0000? AHA! that changes the font color for the text box to red. Perfect, let's try another class.4. Next you should learn HTML, use the element tool in firebug and select one of the elements. It'll highlight the element in question. And will show you the code for that element. Click edit, and see the full code for that element. Then modify the code and try different options, to see what the changes do.
I'd use Dreamweaver as a suggestion tool, since it shows you all available options. Which comes in handy, if you don't really know HTML like the back of your hand.
Your #1 priority is learning to read other people's code. After you do, you can quickly "borrow" their code for whatever it is you are working on. Especially useful if it's just CSS/HTML.
5. After your get the hang of HTML and CSS, you can move on to scripting languages and databases. By this point you should be able to read other people's code, which will help you find the code snippets in the code your freelancer wrote for whatever example you are looking for.