prep-css-syntax, box model, and display

Question 1

What is the purpose of CSS?

Answer 1

CSS is the language we use to style a web page. It is used to define styles for web pages, including the design, layout, and variations in display for different devices and screen sizes.

Question 2

Describe the syntax of a CSS rule-set.

Answer 2

The syntax of a CSS rule set consists of a selector and a declaration block.
The selector points to the HTML element you want to style.
The declaration block contains one or more declarations separated by semicolons.
Each declaration includes a CSS property name and a value, separated by a colon.
Multiple CSS declarations are separated by semicolons, and declaration blocks are surrounded by curly braces.

Question 3

What CSS properties make up the box model?

Answer 3

The CSS properties that make up a box model include a margin, border, padding, and the width and height of the actual content. The CSS box model is essentially a box that wraps around every HTML element.

Question 4

Which CSS property pushes boxes away from each other?

Answer 4

Margin

Question 5

Which CSS property pushes box content away from its border?

Answer 5

Padding

Question 6

What are some characteristics of block?

Answer 6

The block display type displays an element as a block element. It starts on a new line, and takes up the whole width.

Question 7

What are some characteristics of inline?

Answer 7

The inline display type displays an element as an inline element. Any height and width properties will have no effect.

Question 8

What are some characteristics of inline-block?

Answer 8

The inline-block display type displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values.