Q: What is the CSS box model?
A CSS box model is a box that wraps around every element. Inside this box contains the margin, padding, border, and its content. We are able to size and style of the content inside this box.
Q:What is the difference between margin and padding?
Margin is the "outer margin" and padding is the "inner margin". Both do disturb the content depending on how many pxels are added. If you add 5 pixels to both the margin and the padding, the content is going to move 10 pixels from its initial position.
Q:How is an HTML element height and width determined?
The height and width is determined by pixels. These properties set the height and width of an element. These can obstruct the content if not used correctly, but can be easily fixed.
Q: Explain this CSS property: padding:25px 50px;
The first number means padding is being added to the top and bottom. The second number is for the left and right. In this case, 25 pixels is being added to the top and bottom, and 50 pixels is being added to the left and right.
Q:What is the difference between a border and an outline?
Border sorrounds the content and outline sorrounds the border. The border can be manipulated to many styles and size. The outline is similar, but it sorrounds the border. It can be used to make it stand out.