塊級元素與内聯元素差別

塊級元素block element 

1、縱向排列。每個新元素占一新行。

2、可對盒子模型修改。寬高，邊距都可以設定。

3、寬度預設是它的容器的100%，除非設定一個寬度。

4、塊級元素可包含所有類型元素。塊級元素可以包含｛内聯元素、可變元素｝

内聯元素inline element （又名行内元素）

1、橫向排列。每個元素從左享有橫向排列，新元素與前元素同行。

2、不可對盒子模型修改。寬高，邊距都不可設定。

3、寬度就是它的文字或圖檔的寬度，不可改變。

4、内聯元素隻能容納内聯元素。内聯元素可以包含｛｛内聯元素｝

可變元素

根據上下文語境決定轉為塊級元素還是行内元素。

學習這些元素其實沒有什麼卵用。因為在日常當中慢慢的也會逐漸了解它們。

但是不學又會出現一些自己搞不清的問題，是以如果你遇見相關問題，那就學習一下！畢竟像我這種不懂原理就做不下去的人。

塊級元素清單

<address>	定義位址
<caption>	定義表格标題
<dd>	定義清單中定義條目
<div>	定義文檔中的分區或節
<dl>	定義清單
<dt>	定義清單中的項目
<fieldset>	定義一個架構集
<form>	建立 HTML 表單
<h1>	定義最大的标題
<h2>	定義副标題
<h3>	定義标題
<h4>	定義标題
<h5>	定義标題
<h6>	定義最小的标題
<hr>	建立一條水準線
<legend>	元素為 fieldset 元素定義标題
<li>	标簽定義清單項目
<noframes>	為那些不支援架構的浏覽器顯示文本，于 frameset 元素内部
<noscript>	定義在腳本未被執行時的替代内容
<ol>	定義有序清單
<ul>	定義無序清單
<p>	标簽定義段落
<pre>	定義預格式化的文本
<table>	标簽定義 HTML 表格
<tbody>	标簽表格主體（正文）
<td>	表格中的标準單元格
<tfoot>	定義表格的頁腳（腳注或表注）
<th>	定義表頭單元格
<thead>	标簽定義表格的表頭
<tr>	定義表格中的行

行内元素清單

<a>	标簽可定義錨
<abbr>	表示一個縮寫形式
<acronym>	定義隻取首字母縮寫
<b>	字型加粗
<bdo>	可覆寫預設的文本方向
<big>	大号字型加粗
<br>	換行
<cite>	引用進行定義
<code>	定義計算機代碼文本
<dfn>	定義一個定義項目
<em>	定義為強調的内容
<i>	斜體文本效果
<img>	向網頁中嵌入一幅圖像
<input>	輸入框
<kbd>	定義鍵盤文本
<label>	标簽為 input 元素定義标注（标記）
<q>	定義短的引用
<samp>	定義樣本文本
<select>	建立單選或多選菜單
<small>	呈現小号字型效果
<span>	組合文檔中的行内元素
<strong>	語氣更強的強調的内容
<sub>	定義下标文本
<sup>	定義上标文本
<textarea>	多行的文本輸入控件
<tt>	打字機或者等寬的文本效果
<var>	定義變量

可變元素素清單--可變元素為根據上下文語境決定該元素為塊元素或者内聯元素

<button>	按鈕
<del>	定義文檔中已被删除的文本
<iframe>	建立包含另外一個文檔的内聯架構（即行内架構）
<ins>	标簽定義已經被插入文檔中的文本
<map>	用戶端圖像映射（即熱區）
<object>	object對象
<script>	用戶端腳本

學習盒子模型與元素，寫的不錯，比較詳細。

http://www.tuicool.com/articles/JzuQZnI