When to use what and were


I have a general understanding about dislay an positioning but, Can someone explain when to choose display, block, inline and inline-block and when position, absolute and relative, with expemples ?

My advice to you is learn to use your browser’s console and Developer Tools. It will answer a lot of questions you have, and actually see the effect of some X parameter on the actual page/site you’re working at.

You can create additional temporary styles, add/delete properties, change property values and see its effect on the page, etc. see all available property values (via dropdown box) and be able to scroll through it and see the changes in real time.