css專題【入門】【擴展】【技巧】

怎樣區分標準模式和混雜模式 

瀏覽器根據DOCTYPE（文檔聲明）是否存在以及使用那種DTD來選擇要使用的呈現方式。如果XHTML和HTML文檔保航形式完整的DOCTYPE，那麼它一般以標準模式呈現。相反，如果文檔的DOCTYPE不存在或者形式不正確則導致HTML和XHTML以混雜模式呈現。

二、塊級元素與行內元素 

我們在做頁面佈局的時候,一般會將html元素分爲兩種，即塊級元素和行內元素。

塊級元素：塊狀元素排斥其他元素與其位於同一行，可以設定元素的寬（width）和高（height），塊級元素一般是其他元素的容器，可容納塊級元素和行內元素。常見的塊級元素有div, p ,h1~h6等。

行內元素：行內元素不可以設置寬（width）和高（height），但可以與其他行內元素位於同一行，行內元素內一般不可以包含塊級元素。行內元素的高度一般由元素內部的字體大小決定，寬度由內容的長度控制。常見的行內元素有a, em ,strong等。

當然我們還可以通過樣式display屬性來改變元素的顯示方式。當display的值設爲block時，元素將以塊級方式呈現；當display值設爲inline時，元素將以行內形式呈現。

另外，如果我們即想讓一個元素可以設置寬度高度，又想讓它以行內形式顯示，這時我們可以設置display的值爲inline-block。如：

複製代碼代碼如下:
a{display:inline-block; width:100px; height:100px;}