In, visibility:hidden : The element will be hidden but it will take the space of the element.
display:none: It will delete the element and wont display it.
Following is a program to understand better:
<html>
<style>
p.a {display: none;}
h2.b{visibility:hidden;}
</style>
<body>
Visibility:hidden :-<h2 class="b">This heading is hidden</h2>
<div>
<p class="a">HELLO WORLD!</p>
</div>
<h2 class="b">This heading is hidden</h2>
<h3>So here the Hidden element is been hidden and the display element is not been displayed<h3>
<body>
</html>
dnn software development companies: http://www.ifourtechnolab.com/dnn-software-development