The CSS Box Model is a box that goes around an HTML element which has borders, padding, margins and some text. The difference between margin and padding is that margin is the outside space and padding is the inside space of the border. The total height and width of an HTML element determined by a px which is height and % which is the width. The CSS proerty of padding 25px and 50px is the inside wirth with pixels of 25 and 50.