# 4 元素的類型

元素盒子類型包含了下面幾種：

Webflow 把元素分類成七大類型，每個元素都扮演著各自角色，掌握他的目的，基本上可以很熟練地把設計透過元素展示出來。

![](https://i.imgur.com/uMB1oAi.png)

這 7 類從上到下依次是：

1. 布局 Layout - 和頁面布局結構相關的元素，從 Section、Container、Grid到Column
2. 最基本的常用元素組合 - 像是 Div Block、List、Link Block、按鈕
3. 文字 - 與文字相關的元素，包括標題、段落、超連結
4. CMS - CMS 最重要的內容管理系統
5. 多媒體 - 圖片和影片
6. 表格 - 表格相關的元素
7. 組建 - 模塊化的元素，包括下拉菜單、html、搜尋..etc 等常用的模塊

這7個類型中，基本上只需要掌握

1. 布局類型
2. 基本類型
3. 文字類型
4. 多媒體類型

這 4 個元素盒子，就可以做出一個簡單網頁。若是對於 HTML 無基礎的設計師，可能會感覺很多不太清處的地方，但也沒關係基本上你只要掌握每個元素的目的，並且熟悉一下工具使用的方式，很快久可以的心應手。