后端程序員前端之路04html元素分類_html/css

來源：懂視網責編：小采時間：2020-11-27 16:22:05

后端程序員前端之路04html元素分類_html/css

后端程序員前端之路04html元素分類_html/css_WEB-ITnose:目錄塊級元素內聯元素內聯塊級元素總結一、塊級元素（block）定義：默認情況下，獨占一行的元素就是塊級元素。特點：每個塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個塊級元素獨占一行）元素的高度、寬度、行高以及頂

推薦度：

點擊下載本文 文檔為doc格式

導讀后端程序員前端之路04html元素分類_html/css_WEB-ITnose:目錄塊級元素內聯元素內聯塊級元素總結一、塊級元素（block）定義：默認情況下，獨占一行的元素就是塊級元素。特點：每個塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個塊級元素獨占一行）元素的高度、寬度、行高以及頂

塊級元素

內聯元素

內聯塊級元素

總結

一、塊級元素（block）

定義：默認情況下，獨占一行的元素就是塊級元素。

特點：

每個塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個塊級元素獨占一行）
元素的高度、寬度、行高以及頂和底邊距都可設置
元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致）。

常見的塊級元素：、

、

...

、

二、內聯元素（inline）

定義：內聯元素，也叫行內元素。默認情況下，和其他元素在同一行上，并且元素的高度、寬度等不能設置的元素就是內聯元素。

特點：

和其他元素都在一行上；
元素的高度、寬度及頂部和底部邊距不可設置；
元素的寬度就是它包含的文字或圖片的寬度，不可改變。

常見的內聯元素：、、
、、、、、、、、

三、內聯塊狀元素（inline-block）

定義：默認情況下，和其他元素在同一行上，并且元素的高度、寬度等可以設置的元素就是內聯元素

特點：

和其他元素都在一行上；元素的高度、寬度、行高以及頂和底邊距都可設置。

常見的內聯塊級元素：、

四、總結

不管是哪種元素，他們之間都可以通過css中的display屬性進行相互轉換。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

后端程序員前端之路04html元素分類_html/css 后端程序員前端之路04html元素分類_html/css_WEB-ITnose:目錄塊級元素內聯元素內聯塊級元素總結一、塊級元素（block）定義：默認情況下，獨占一行的元素就是塊級元素。特點：每個塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個塊級元素獨占一行）元素的高度、寬度、行高以及頂推薦度：點擊下載本文文檔為doc格式

標簽：元素程序員之路

熱門焦點

最新推薦猜你喜歡熱門推薦