css元素類型

css元素分爲三種：塊級元素、行內元素和行內塊元素

1、 塊級元素

• 設置display:block就是將元素顯示爲塊級元素
• 常用的塊狀元素有：

  <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

• 特點:
  • 獨佔一行
  • 高度，行高、外邊距以及內邊距都可以控制
  • 寬度默認是容器的100%
  • 以容納內聯元素和其他塊元素

2、 行內元素

• 塊級元素也可以通過代碼display:inline將元素設置爲行內元素
• 常用的行內元素有：

  <a>、<span>、
  、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

• 特點:
  • 多個元素在同一行
  • 高、寬無效，但水平方向的padding和margin可以設置，垂直方向的無效
  • 默認寬度就是它本身內容的寬度
  • 行內元素只能容納文本或則其他行內元素。（a特殊）
  • 可以通過設置display屬性變成其他元素
• 注意：
  • 只有 文字才 能組成段落 因此 p 裏面不能放塊級元素，同理還有這些標籤h1,h2,h3,h4,h5,h6,dt，他們都是文字類塊級標籤，裏面不能放其他塊級元素。
  • 鏈接裏面不能再放鏈接。

3、 行內塊狀元素

• 行內塊元素（display:inline-block）就是同時具備行內元素、塊狀元素的特點，代碼display:inline-block就是將元素設置爲狀元素
• 常用元素

  <img>、<input>

• 特點:
  • 同時具有行內元素和塊級元素的特點
  • 和其他元素在同一行
  • 高、寬和邊距可以設置