Single Choice Question

1. To make the element from block to inline, we need to use
   1. Display:inline
   2. Display:line
   3. Visible:line
   4. Visible:inline
2. To make the element from inline to block, we need to use
   1. Display:block
   2. Display:line
   3. Visible:line
   4. Visible:block
3. To make an element to generate a block box in the same line as adjacent content, we should use
   1. Display:inline-block
   2. Display:block
   3. Display:none
   4. Display:inline
4. To make an element visible and remove its space, we should use
   1. Display:hidden
   2. Visibility:invisible
   3. Display:none
   4. Visibility:hidden
5. To make element always display on the screed, we need use
   1. Position:fixed
   2. Position:static
   3. Position:absolute
   4. Position:relative
6. Default position of an element is
   1. Position:fixed
   2. Position:static
   3. Position:absolute
   4. Position:relative
7. To clear all the float effect of an element, we need to use
   1. Clear:both
   2. Clear:left
   3. Clear:right
   4. Clear:none

True or False Question

1. Each block level element starts on a new line, and subsequent elements start on another line. True
2. Using absolute position is a good way to display the element on the page. False
3. Static positioned element is fixed with respect to the browser's viewport and does not move when scrolled. False
4. To remove the space of an element, we should use 'display:none'. True
5. To remove one element but keep the space, we should use 'visibility:hidden'. True

Definition of Term

1. Block Element
2. Inline Element
3. Grid Layout
4. Flex Layout
5. Inline-block Display Effect

Short Answer

1. What are the main values of display property?
2. What are the difference between grid and flex layout?
3. What are the difference between position ways?
4. Explain two ways to make an element invisible.
5. What are the difference between inline and block element?