樣式

    每個組件都有自己的樣式,想要設置樣式,一(yī)定要先選中(zhōng)組件

    常用的樣式一(yī)般分(fēn)爲:背景樣式(背景色或者背景圖)、内邊距、外(wài)邊距、布局方式(一(yī)行顯示幾列)、圖片的比例、組件列的内邊距、組件列的外(wài)邊距、文章标題、文章摘要、文章日期、字體(tǐ)顔色(組件的整體(tǐ)顔色)、文本區域、字号(組件的整體(tǐ)字号);

    背景樣式:可給改組件添加背景顔色或者背景圖片

    背景漸變色:可更改組件的漸變色

圖片示例:

    内邊距用來隔開(kāi)元素和内容的間距,例如給圖文列表組件增加了上邊距和下(xià)邊距,代碼padding.

    外(wài)邊距用來隔開(kāi)元素與元素之間的間距,内邊距和外(wài)邊距共同特點是都給給組件增加間距,區别在于有背景的時候,内邊距顯示背景,外(wài)邊距不顯示背景,代碼margin。

    布局方式:指的是當前組件顯示幾列,如三列可改爲兩列;

    圖片的比例:可更改圖片的比例,可直接選擇常用的比例,可以自定義比例;

    組件列的内邊距:指的是循環列表内容的間距,分(fēn)爲上下(xià)左右。

    組件列的外(wài)邊距:指的是給循環列表内容的卷據,分(fēn)爲上下(xià)左右。

    文章标題:指的是錄入數據的标題;

    文章摘要:指的是錄入數據的概要;

    文章日期:指的是錄入數據的時間(發布日期);

    字體(tǐ)顔色:指的是該組件的所有字體(tǐ)顔色,如果組件裏的标題組件定義了,則設置此字體(tǐ)顔色則失效;

    文本區域:指的是組件列文字内容的部分(fēn);

    字号:指的是該組件的所有字号,如果組件的标題組件等設置了字号,則此設置将無效;

圖片示例:

操作示例:

補充:

何時使用外(wài)邊距(margin)?
    1、需要在邊框(border)外(wài)側添加空白(bái)時。
    2、空白(bái)處不需要背景色時。
    3、上下(xià)相連的兩個盒子之間的空白(bái),需要相互抵消時。如15px+20px的外(wài)邊距(margin),将得到20px的空白(bái)。
何時使用内邊距(padding)?
    1、需要在邊框(border)内測添加空白(bái)時。
    2、空白(bái)處需要背景(色)時。
    3、上下(xià)相連的兩個盒子之間的空白(bái),希望等于兩者之和時。如15px+20px的内邊距(padding),将得到35px的空白(bái)。

    




頁面導讀