style.visibility和style.display都可以實作對頁的隐藏，但visibility要占用域的空間，而display則不占用
- 将元素display屬性設為 block，會在該元素後換行。
- 将元素display屬性設為 inline，會消除元素換行。
- 将元素display屬性設為 none，隐藏該元素内容，且不占用域的空間。
- 将元素visibility屬性設為 hidden，隐藏該元素内容，但占用域的空間。
- 将元素visibility屬性設為 visible，顯示元素内容。
測試資料示例：
<pre name="code" class="csharp"><body>
<form id="form1" runat="server">
<p>
1) 面朝<span style="display: inline">大海</span>春暖花開</p>
<p>
2) 面朝<span style="display: block">大海</span>春暖花開</p>
<p>
3) 面朝<span style="display: none">大海</span>春暖花開</p>
<p>
4) 面朝<span style="visibility: hidden">大海</span>春暖花開</p>
<p>
5) 面朝<span style="visibility: visible">大海</span>春暖花開</p>
</form>
</body>
展示效果：
1) 面朝大海春暖花開
2) 面朝大海春暖花開
3) 面朝大海春暖花開
4) 面朝大海春暖花開
5) 面朝大海春暖花開
![5個你可能不知道的很棒CSS功能[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)