CSS

Question 1

What is the Box Model in CSS?

Answer 1

Every element creates one or more rectangular element boxes, which houses the
content.

Question 2

Give the reasons for using CSS (4)

Answer 2

• To separate the presentation from the data
• Allows for much richer document appearance than (x)HTML alone
• Allows for easy modification of the web page. Everything is in one place
• Can improve load times. It stores the presentation concerns in one place, instead
  of being repeated throughout the document.

Question 3

Describe the CSS box model

Answer 3

Every element creates one or more rectangular element boxes, which houses the
content. The element is surrounded by optional amounts of padding, borders and
margins.

e.g. [margin [border [padding [content]padding ] border ]margin ]

Question 4

List the main CSS selectors

Answer 4

.class .intro Selects all elements with class=”intro”
#id #firstname Selects the element with id=”firstname”
* * Selects all elements
element p Selects all <p> elements</p>