css布局之"display"属性

每一个元素都有一个默认的display值，与元素类型有关。对于大多数元素的默认值通常是block或inline，一个block元素通常被叫做块级元素，一个inline元素都同被叫做行内元素。

• block
  div是一个标准的块级元素。一个块级元素会新开始一行并尽可能盛满容器（“占据一行”）。其他常用的块级元素包括p,form和HTML5中的新元素header,footer,section等。
• inline
  span是一个标准的行内元素。一个行内元素可以在段落中<span>像这样</span> 包裹一些文字而不会打乱段落的布局。a元素是最常用的行内元素。
• none
  另一个常用的display值是none.一些默认元素的display值就是none,例如script，display:none通常被JavaScript用来在不删除元素的情况下隐藏或显示元素。

它和visibility属性不一样。把display设置成none不会保留元素本该显示的空间，但是visibility:hidden还会保留（曾经面试时做过的一道题）

• 其它display值
  这是一份关于display值的详细清单。
  本人初学阶段，暂无研究，感兴趣的可以看一看，共同进步