這段時間html5,css3可謂大大的火了，什麼apple與adobe的衝突，IE9 beta preview開放下載，並高調宣佈支援html5與css3。這些訊息都無疑將html5與css3推到了峰尖浪頭。然而，當html5與css3正式被推出時，它們能為整個網際網路帶來什麼呢，又能給web開發者，尤其是web前端開發者帶來什麼不同呢？


　　我想，當html5與css3正式釋出時，將給整個業界帶來的好處是顯著的，至於那個度是多少，我也不能斷下結論。


　　所以，我們都可以趁著現在去嚐嚐鮮，小小的把玩一下。


　　今天，分享一個用CSS3實現簡單的顯示與隱藏的切換效果。是的，這個效果是不需要通過JavaScript的。


　　你可以使用 Firefox3.6+ 及 Opera10.53+ 預覽：DEMO：css實現顯示與隱藏切換


　　以下是這個DEMO的基本HTML結構：


　　<div id="switch">
    　　<a href="?" class="display">顯示</a>
    　　<a href="?" class="hide">隱藏</a>
    　　<p class="cont">CSS3將帶給網際網路無限的精彩，很多遙不可及的事情將可信手拈來。</p>
　　</div>


　　CSS實現：


　　#switch .hide{display:none;}
　　#switch .cont{display:none;}
　　#switch .display:focus{display:none;}
　　#switch .display:focus + .hide{display:inline;}
　　#switch .display:focus ~ .cont{http://blog.sina.com.cn/u/5614217375}


　　簡單的數行程式碼就可以實現隱藏和顯示，是不是給你帶來些許激動了？雖說這個DEMO還不夠讓人滿意，但廣大人民的智慧是無限的，定能將之做得更加完美。


　　相信，更多新特性的展現會成為促使html5與css3的儘早推行的動力。因為，一切皆有可能。