The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.
Margin properties are used to create space around elements, outside of any defined borders while padding properties are used to generate space around an elment's content, inside of any defined borders.
An HTML element height is determined by using "height:#px;" or "height:#%;". An HTML element width is determined in the same manner but replacing the term "height" with "width".
Top and bottom padding are 25px, right and left padding are 50px.
Borders and outline are nearly the same thing but with borders, you can target each side individually{top, left, right, bottom). With outlines, its either all or none. The other difference is that borders take up physical space on your page while outlines do not. Outlines overlay on top of the element itself.