塊級元素和行內元素的區別

標準文件流: 是指在不使用其它的排版和定位相關的特殊css規則時,各種元素的排列規則,換語話說css規定的網頁元素預設的排列方式.

塊級元素

從頁面布局和顯示外觀的角度看,乙個頁面的布局就類似一篇報紙的排版,需要分為多個區塊,大的區塊再細分為小區塊,塊內為多行逐一排列的文字、、超連結等內容。這些區塊一般稱為塊級元素，而區塊內的文字、或超連結等一般稱為行級元素。頁面這種布局結構，其本質上是由各種html標籤組織完成的。

與行級元素相比，塊級元素具有如下特點：

(1)、前後換行顯示，塊級元素比較「霸道」，預設狀態下獨佔一整行。

(3)、塊級元素具有一定的高度和寬度，可以通過設定塊級元素的width、height屬性來控制。

從頁面布局的角度，塊級元素又可細分基本塊級元素和常用於頁面布局的塊級元素。

基本的塊級元素有：

1).標題標籤~:表示一段文字的主題，並支援多層次的內容結構。

2).段落標籤:表示一段文字的內容。

3).水平線標籤：表示一條水平線。

常用於布局的塊級元素

1).有序列表-:表示多個並列的列表項，它們之間有明顯的先後順序。

2).無序列表-:表示多個並列的列表項，但它們之間沒有先後順序。

3).定義列表--:表示描述某個術語或產品的定義或解釋。

4).**:表示用於描述乙個**，它使用規整的資料顯示。

5).表單:表示用於描述需要使用者輸入的頁面內容。

6).分割槽:表示用於組織小區塊的內容。為了方便管理，數目眾多的小區塊還需要放到乙個大區塊中進行布局。分割槽標籤常用於頁面布局時對區塊的劃分，它相當於乙個大的容器，可以容納無序列表、有序列表、定義列表等塊級標籤。同時也可以容納段落、標題、文字、等內容。

在實際開發中，常用來進行分割槽，ul-li或ol-li實現無序或有序的專案列表，dl-dt-dd實現**混編，table-tr-td實現規整資料的顯示，由此，在頁面區域性布局中，形成了如下四種常用的區域性塊狀布局結構：

(1)、div-ul(ol)-li:常用於分類導航或選單等場合

(2)、div-dl-dt-dd:常用於**混編場合

(3)、table-tr-td:常用於規整資料的顯示場合

(4)、form-table-tr-td:常用於表單布局的場合

行級元素

行級標籤也稱為內聯標籤、行內標籤。使用塊級標籤為頁面「搭建完成組織結構」之後，往每個小區塊新增內容時，就需要使用到行級標籤.

行級標籤:類似文字的顯示方式，按「行」逐一顯示，常用的行級標籤有：

(1)、影象標籤

(2)、超連結標籤:

(3)、範圍標籤:表示用於標識行內的某個範圍.例如:實現行內某個部分的特殊設定以區分其他內容.

(4)、換行標籤

:表示強制換行顯示.

(5)、輸入框標籤

(6)、多行文字域標籤