display and visibility properties are used to hide and show elements in any page. Then how they are different from each other?

Answer:

As said Both the properties are used to hide and show elements but they are different in the way they both work. visibility property, set to hidden will still occupy the space in the layout but display:none does not take up the space in the page.