-- Practice Midterm Problems Thread
Group 5: Dat Ng, Nhieu Lam, Aung Lin
5. Explain with example code and drawing of how it would be rendered, the following css property values: (a) display:inline-block, (b) position: fixed, (c) p:hover { visibility:hidden}.
(a) display:inline-block will add some the top and bottom margins to the selected element.
No inline-block
With inline-block
(b) position: fixed will fix the position of the selected element in the same place even if the page is scrolled.
No fixed position
With fixed position
(c) p:hover { visibility:hidden} will hide the selected element when we hover the mouse over it.
No hover
With hover
(
Edited: 2021-03-22)
Group 5: Dat Ng, Nhieu Lam, Aung Lin
5. Explain with example code and drawing of how it would be rendered, the following css property values: (a) display:inline-block, (b) position: fixed, (c) p:hover { visibility:hidden}.
(a) display:inline-block will add some the top and bottom margins to the selected element.
No inline-block
((resource:no-inlineBlock.png|Resource Description for no-inlineBlock.png))
With inline-block
((resource:inlineBlock.png|Resource Description for inlineBlock.png))
(b) position: fixed will fix the position of the selected element in the same place even if the page is scrolled.
No fixed position
((resource:no-fixPosition.png|Resource Description for no-fixPosition.png))
With fixed position
((resource:fixedPosition.png|Resource Description for fixedPosition.png))
(c) p:hover { visibility:hidden} will hide the selected element when we hover the mouse over it.
No hover
((resource:inlineBlock.png|Resource Description for inlineBlock.png))
With hover
((resource:hover.png|Resource Description for hover.png))