一、 頂部主標(biāo)簽頁(yè)
這三個(gè)圖標(biāo)決定了你正在修改區(qū)塊的哪一類(lèi)屬性。
General (常規(guī))：控制區(qū)塊的基礎(chǔ)結(jié)構(gòu)、對(duì)齊方式和布局邏輯。
Style (樣式)：控制視覺(jué)外觀，如背景顏色、邊距 (Padding)、邊框等。
Advanced (高級(jí))：控制底層邏輯，如層級(jí) (Z-Index)、響應(yīng)式顯示和自定義代碼。
二、 General (常規(guī)) 標(biāo)簽頁(yè)下的設(shè)置
1. 容器與內(nèi)容寬度 (Container & Content)
Container Width (容器寬度)：指整個(gè)區(qū)塊最外層的寬度。
Full Width：全寬，橫跨整個(gè)屏幕邊緣。
Boxed：盒子模式，寬度限制在設(shè)定的像素內(nèi)。
Content Width (內(nèi)容寬度)：指容器內(nèi)部放置文字或圖片的區(qū)域?qū)挾取?/p>
Content Box Width (內(nèi)容盒寬度)：具體設(shè)定內(nèi)部?jī)?nèi)容的像素?cái)?shù)值（如 1140px）。
Minimum Height (最小高度)：設(shè)定該區(qū)塊在垂直方向上的最低高度。
Equal Height (等高)：開(kāi)啟后，會(huì)讓容器內(nèi)的多個(gè)子區(qū)塊保持高度一致。
HTML Tag (HTML 標(biāo)簽)：給這個(gè)區(qū)塊定義網(wǎng)頁(yè)代碼結(jié)構(gòu)（如
Div,Section,Main等）。Overflow (溢出)：當(dāng)內(nèi)容超過(guò)容器邊界時(shí)如何處理。
Visible：可見(jiàn)；Hidden：隱藏多出部分；Auto：自動(dòng)。
2. 布局邏輯 (Layout)
Flex / Grid：選擇布局模式。Flex 就像橡皮筋一樣靈活排列，Grid 則是像棋盤(pán)一樣的格子。
Direction (方向)：子元素的排列方向。
圖標(biāo)分別代表：水平從左向右、垂直從上向下、水平反向、垂直反向。
Children Width (子元素寬度)：
Auto：自動(dòng)根據(jù)內(nèi)容長(zhǎng)度分配空間。
Equal：讓所有子元素平分布局寬度。
Align Items (對(duì)齊項(xiàng)/垂直對(duì)齊)：控制內(nèi)容在垂直方向上的位置（居頂、居中、居底、拉伸）。
Justify Content (主軸對(duì)齊/水平分布)：這是解決你紅圈留白的關(guān)鍵。
圖標(biāo)含義：左對(duì)齊、居中對(duì)齊、右對(duì)齊、兩端對(duì)齊、平均分布、環(huán)繞分布。
Wrap (換行)：當(dāng)屏幕變窄時(shí)，內(nèi)部?jī)?nèi)容是否自動(dòng)換到下一行。
一、 Style (樣式) 標(biāo)簽頁(yè)面板
1. Background (背景)
Type (類(lèi)型)：選擇背景的種類(lèi)。
畫(huà)筆圖標(biāo)：經(jīng)典顏色背景（純色）。
漸變圖標(biāo)：顏色漸變效果。
圖片圖標(biāo)：使用上傳的圖片作為背景。
視頻圖標(biāo)：使用視頻作為背景（通常用于網(wǎng)頁(yè)頂部的氛圍渲染）。
Color (顏色)：點(diǎn)擊右側(cè)圓圈可選擇具體的背景顏色。
Overlay Type (覆蓋層類(lèi)型)：在背景圖片或視頻之上再加一層顏色（比如讓背景圖變暗，好讓上面的文字更清晰）。
2. Color (顏色)
設(shè)置容器內(nèi)文本、標(biāo)題、鏈接的默認(rèn)顏色。
3. Border (邊框)
Color: 線條顏色。
Width: 線條粗細(xì)。
Radius: 圓角。數(shù)值越大，方塊的角就越圓（甚至變橢圓）。
4. Box Shadow (盒子陰影)
給整個(gè)區(qū)塊增加陰影，使其看起來(lái)有立體感，像是從頁(yè)面里“飄”起來(lái)一樣。
5. Shape Dividers (形狀分隔符)
在區(qū)塊的頂部或底部添加波浪、斜線等幾何形狀，用于兩個(gè)大區(qū)塊之間的平滑過(guò)渡。
6. Spacing (間距) —— 解決你紅圈留白的最核心設(shè)置
這個(gè)設(shè)置通常就在 Spacing 折疊欄下面。
Padding (內(nèi)邊距)：控制容器邊緣到內(nèi)部?jī)?nèi)容之間的距離。
Margin (外邊距)：控制整個(gè)區(qū)塊與外部其他區(qū)塊之間的距離。
Advanced (高級(jí)) 標(biāo)簽頁(yè)
Global Block Styles (全局區(qū)塊樣式)：如果你之前保存過(guò)一套標(biāo)準(zhǔn)的樣式模板，可以在這里直接套用，保持全站統(tǒng)一。
Sticky (吸頂/粘性)：設(shè)置該區(qū)塊在頁(yè)面滾動(dòng)時(shí)，是否“粘”在屏幕頂部不隨頁(yè)面滑走（常用于導(dǎo)航欄）。
Animations (動(dòng)畫(huà))：設(shè)置區(qū)塊進(jìn)入頁(yè)面時(shí)的動(dòng)態(tài)效果，如“漸入”、“由下至上滑入”等。
Display Conditions (顯示條件)：根據(jù)邏輯判斷是否顯示。例如：只對(duì)登錄用戶顯示，或者只在特定時(shí)間內(nèi)顯示。
Responsive Conditions (響應(yīng)式條件)：控制在不同設(shè)備上的顯示狀態(tài)。
Hide on Mobile/Tablet/Desktop：可以在這里勾選，讓該區(qū)塊在手機(jī)端消失或在電腦端消失。
Z-Index (層級(jí))：控制重疊順序。如果兩個(gè)區(qū)塊疊在一起，Z-Index 數(shù)值大的會(huì)擋住數(shù)值小的。
高級(jí) (HTML 錨點(diǎn)/CSS 類(lèi))：
HTML Anchor：給區(qū)塊設(shè)一個(gè) ID（如
section1），可以通過(guò)鏈接直接跳轉(zhuǎn)到這里。Additional CSS Class：為程序員預(yù)留，手動(dòng)輸入 CSS 類(lèi)名進(jìn)行更復(fù)雜的定制。