Optional_Practice_Quiz-Review.md

Optional Practice Quiz: Review

Question 1

Given this rule:

div{
   border-width:10px 3px 5px 9px;
}

what is the width of the left border?

ANS: 9px

---

Question 2

The margin is the space between elements.

1) True
2) False

ANS: 1)True

---

Question 3

Padding is...

1) The space reserved for an element
2) The space between two elements
3) The space between an element and its border

ANS: 3) The space between an element and its border

---

Question 4

The padding and margin properties can be styled with unique colors.

1) True
2) False

ANS: 2) False

---

Question 5

How much horizontal space ("width") will this div use?

div{
   width:50px;
   padding: 10px;
   margin: 5px;
   border: 2px;
}

ANS: 84px

---

Question 6

How much vertical space ("height") will this div use?

div{
   height:50px;
   padding: 5px 10px;
   margin: 5px;
   border: 2px;
}

ANS: 74px

---

Question 7

Which property can remove the underline from links? (Only provide the property name; do not give it a value.)

ANS: text-decoration

---

Question 8

The property/value pair

list-style-type:upper-roman;

is best used to visually alter:

1) ordered lists
2) unordered lists
3) both ordered and unordered lists

ANS: 1) ordered lists

---

Question 9

Descendant selectors

nav a{
  ....
}

are more specific than child selectors

nav>a{
  ....
}

1) True
2) False

ANS: 2) False

---

Question 10

The id selectors are part of the DOM.

1) True
2) False

ANS: 1) True

---

Question 11

The class selectors are part of the DOM

1) True
2) False

ANS: 1) True

---

Question 12

What is true about this code?

<p class = "fancy box"> ....</p>

1) It is not legal to have two words ("fancy box") within the class.
2) The fancy styling will take precedence over the box styling.
3) The box styling will take precedence over the fancy styling.
4) From this code, you can't know which styling will take precedence. 

ANS: 4) From this code, you can't know which styling will take precedence.

---

Question 13

This is probably a typo, why?

.body{
   margin: 10px;
}

1) The period in front of the word body means the browser will look for a class called body, not the element.
2) The period in front of the word body means the browser will look for an id called body, not the element.

ANS: 1) The period in front of the word body means the browser will look for a class called body, not the element.

---