Css Box Model

A CSS box is this^ , it makes boxes around text

Q1? Difference between margin and padding padding is the space between the content and the border, whereas margin is the space outside the border. Here's an image I found from a quick Google search, that illustrates this idea.

Q2? How do I retrieve an HTML element's actual width and height You should use the .offsetWidth and .offsetHeight properties. Note they belong to the element, not .style

Q3? What do these numbers mean in padding padding:25px 50px; top and bottom paddings are 25px right and left paddings are 50px

Q4? What is the differnce between Border= takes up space and are rectangles around text Outline= doesnt take up spce and can make diffent shapes around it for example my cirlces