样式

    每个组件都有自己的样式,想要设置样式,一定要先选中组件

    常用的样式一般分为:背景样式(背景色或者背景图)、内边距、外边距、布局方式(一行显示几列)、图片的比例、组件列的内边距、组件列的外边距、文章标题、文章摘要、文章日期、字体颜色(组件的整体颜色)、文本区域、字号(组件的整体字号);

    背景样式:可给改组件添加背景颜色或者背景图片

    背景渐变色:可更改组件的渐变色

图片示例:

    内边距用来隔开元素和内容的间距,例如给图文列表组件增加了上边距和下边距,代码padding.

    外边距用来隔开元素与元素之间的间距,内边距和外边距共同特点是都给给组件增加间距,区别在于有背景的时候,内边距显示背景,外边距不显示背景,代码margin。

    布局方式:指的是当前组件显示几列,如三列可改为两列;

    图片的比例:可更改图片的比例,可直接选择常用的比例,可以自定义比例;

    组件列的内边距:指的是循环列表内容的间距,分为上下左右。

    组件列的外边距:指的是给循环列表内容的卷据,分为上下左右。

    文章标题:指的是录入数据的标题;

    文章摘要:指的是录入数据的概要;

    文章日期:指的是录入数据的时间(发布日期);

    字体颜色:指的是该组件的所有字体颜色,如果组件里的标题组件定义了,则设置此字体颜色则失效;

    文本区域:指的是组件列文字内容的部分;

    字号:指的是该组件的所有字号,如果组件的标题组件等设置了字号,则此设置将无效;

图片示例:

操作示例:

补充:

何时使用外边距(margin)?
    1、需要在边框(border)外侧添加空白时。
    2、空白处不需要背景色时。
    3、上下相连的两个盒子之间的空白,需要相互抵消时。如15px+20px的外边距(margin),将得到20px的空白。
何时使用内边距(padding)?
    1、需要在边框(border)内测添加空白时。
    2、空白处需要背景(色)时。
    3、上下相连的两个盒子之间的空白,希望等于两者之和时。如15px+20px的内边距(padding),将得到35px的空白。

    




页面导读