CSS设计指南笔记：显示篇

 块级元素，比如段落、标题、列表等，在浏览器中上下堆叠显示。
 行内元素，比如a、span 和img，在浏览器中左右并排显示，只有前一行没有空间
时才会显示到下一行。

把块级元素变成行内元素（或者相反）的魔法如下。

/*默认为block*/
p {display:inline;}
/*默认为inline*/
a {display:block;}

 display：none 和 visibility：hidden的区别：

把元素的display 设定为none，该元素及所有包含在其中的元素，都不会在页面中显示。它们原先占据的所有空间也都会被“回收”，就好像相关的标记根本不存在一样。

把元素的visibility 设定为hidden，元素会隐藏，但它占据的页面空间仍然“虚位以待”。