Display

我认为有了html和css的基本概念後
还有一个观念需要知道的 那就是display
因为我一开始也不太清楚为什麽有些元素会占满整个宽
而有些又不会 可以连续黏着下一个元素
所以要先来了解display有哪些型态

• block区块元素
  他会占满整个宽度
  所以在使用上可以发现不管打多少字 这个元素都是直接占满让下一个元素会直接换行
  常见的预设为此型态的元素有div、ul li、p、h1

• inline行内元素
  这个的宽度取决於容器内容物的宽度为多少所以它的长与宽是不能更改的
  常见的预设为此型态的元素有span、a、imput、img

• inline-block
  我觉得这可还蛮好用的是它可以保持行内元素的型态
  但长、宽、边距、内距都能再做调整
  很适合给按钮使用

• none
  它可以用来隐藏或显示该元素 而不是将元素从页面上删除
  通常会搭配javascript做出一些功能

若还稍微分不清楚block和inline的差别可以看以下的范例

 <p>1</p> <p>2</p> <p>3</p>
 <span>1</span> <span>2</span> <span>3</span>