Create clean simple HTML/CSS using best practice examples [closed]

Question

I am having a hard time creating clean maintainable HTML/CSS code. Is there an editor, book or webpage that can help me using best practices.

This is some examples:

1. Naming of divs and classes: You might have an area with a user profile. How would you name the id and classes? (#author_profile, .username, .userBirthday etc.)

2. Tags or divs: A lot of times I am getting confused on when to create my own divs or use a tag with id/class. Any good examples?

3. Positioning: 99% of the times I set a fixed width on the elements and use float: left/right. Any tips on making CSS positioning more accessible. I have tried a lot of CSS frameworks, but this has not worked for me. Always ends up with deeply nested divs and a lot of classes.

Answer 1

Here you go Web Page Development: Best Practices.

Answer 2

http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

Start at Nettuts...where i learnt everything i know (pretty much)