HTML元素在CSS中的分類

標籤：預設   包含   圖片   樣式   html元素   css   行內元素   寬高   設計   

元素是組成HTML文檔的基本結構，比如h1、p、ul、div等等。在CSS中，元素可以分為 “替換元素”與"非替換元素"。如果站在元素顯示的效果上看，那麼元素還可以分為"區塊層級元素"和“行內元素”。

一、替換元素與非替換元素

（一）替換元素

元素在瀏覽器中所呈現的內容，並不是由元素在HTML文檔中的內容直接表示的。

比如img元素，<img src="test.jpg"/>。 img元素並沒有內容，它在瀏覽器中表現是HTML文檔之外的一個圖片。

（二）非替換元素

元素在瀏覽器中顯示的內容，是其在HTML文檔中的內容。比如p元素<p>第一段</p>，雖然p元素的顏色、字型等等樣式按照作者的設計來表現，但是其內容“第一段”會顯示器瀏覽器中。


二、區塊層級元素與行內元素

（一）區塊層級元素

區塊層級元素的特點是：獨佔一行、預設寬度充滿父級元素、可設定寬高、可包含其他區塊層級元素、行內元素（注意p元素是例外。p元素是區塊層級元素，但它只能包含行內元素）。


（二）行內元素

行內元素的特點是：和其他元素共處一行、預設寬度是其內容的寬度、不能設定寬高、可包含其他行內元素。

HTML元素在CSS中的分類