HTML 上标题栏把右标题栏遮挡,如何编辑组件的样式(编辑样式)?
如何编辑组件的样式(编辑样式)?如何设置某一块内容的背景、边框、边距、文字样式?
编辑样式为组件通用功能,即几乎每个组件都是有“编辑样式”这个功能的。
一.如何进入组件的“编辑样式”功能?
把鼠标移到这块内容(这个组件)所在的区域上,在这个区域的左上角或右上角或左下角或右下角即四角区域,出现组件名称及一排操作按钮,找到“编辑样式”图标 ,单击该图片即可进入组件的“编辑样式”功能。
二.什么是组件全局、标题栏、内容区?
点击“编辑样式”图标弹出编辑样式的弹出层,可分别对组件全局、标题栏、内容区进行样式编辑,当组件标题为空时,则不显示组件标题,样式编辑器中就没有“标题栏”这个页签,同理如果组件内容区为空,则样式编辑器中没有“内容区”这个页签。点击该图标弹出编辑样式的弹出层,可分别对组件全局、标题栏、内容区进行样式编辑,当组件标题为空时,则不显示组件标题,这里就没有“标题栏”这个页签,同理如果组件内容区为空,则没有“内容区”这个页签。以文章分类组件为例做介绍:
1、组件全局
组件全局页签下包含组件尺寸、组件背景、组件边框、组件边距。
如何调整组件的高度?手机端或Pad端出现内容被遮挡或留白情况,怎么办?组件尺寸:可以设置组件的高度,一般清情况下都使用自适应的高度,若固定高度可能会导致不同终端下出现模块被遮挡、留白等情况,此功能请谨慎使用(手机端或PAD端出现模块被遮挡或留白情况,请首先检查是否是设置了高度所致);
如何给一块内容添加背景?如何给组件加背景?如何修改背景?
组件背景:可以给这个组件添加颜色背景或图片背景,也可以选择背景图片的平铺模式、平铺位置、背景尺寸,不同的选择可以有不同的展示效果,可以分别点一下试一下哦。
如何给一块内容添加边框?如何给组件加边框?
组件边框:在这里可以设置组件边框的颜色、样式(实线、虚线、双实线、点)、边框的粗细、边框的圆角。
什么是组件内边距?什么是组件外边距?如何设置组件边距?
组件边距:在这里可以设置组件的内边距和外边距,内边距和外边距是如何定义的,请看下图。
设置边距时请考虑对手机端或pad端的影响,建议左右边距设置同样的距离最好不超过50px,上下也设置同样的距离,这个距离到pad或手机是不会等比缩小的,如果边距设置的比较大,到手机上有效内容占的空间比较小,很不美观。
2、标题栏
如何设置组件的标题栏?如何设置组件标题栏文字的大小?
标题栏设置:可以单独对标题栏进行设置,可以选择显示或隐藏标题栏、可以设置标题栏的高度、背景、文字、边框、边距。如下图所示:
3、内容区
如何设置组件内容区的背景/文字/边框/边距?
可以给组件内容区添加颜色背景或图片背景、可以设置内容区非链接文字或带链接文字的字体/大小/间距/行高/对齐方式/字体样式等、可以设置内容区的边框和内容区的边距。
设置好以上内容以后,若要同步到网站前台,需要点页面上的“发布”按钮才可以。
三.功能更新
1.样式编辑器中组件全局新增阴影效果; (2017-9-30优化)
(1)新增功能应用场景:组件的样式编辑器中增加“阴影效果”设置,支持对阴影方向、颜色、偏移、拓展、虚化等方面进行设置;
(2)新增功能操作方法:
(3)新增功能应用效果:
HTML 上标题栏把右标题栏遮挡,如何编辑组件的样式(编辑样式)?相关推荐
- HTML 上标题栏把右标题栏遮挡,浅析标题栏设计:搜索、筛选、设置等功能都该放在右上角吗?...
标题栏是我们最常见的功能模块了,这一次来解读一下标题栏为什么是标题栏 标题栏的功能,在当下的产品环境里是有原因的,我们来看看这几个产品的标题栏. 我知道产品经理很多时候会去思考一些有的没的问题,比如微 ...
- C# 移动窗口 适用于有标题栏和无标题栏窗体 超级简单版
适用于有标题栏和无标题栏窗体,适用于窗体内控件,当然 Form 也不例外,只要能添加 MouseDown.MouseMove 事件,无需添加 MouseUp 事件,也无需考虑 Form 是否有标题栏. ...
- 市面上常用的语音识别模块主要包含哪些组件?
原标题:市面上常用的语音识别模块主要包含哪些组件? 语音识别模块又被称为语音识别系统,通俗点说具有识别功能的语音芯片组块,它广泛应用于各行各业,高品质经久耐用的语音模块在赋予电子产品智能化的同时最大限 ...
- Mac os系统上一款界面简洁时尚、功能强大的视频编辑软件。通过使用 Wondershare Filmora您会很容易地创建从视频文件,音频文件,并与转场。
Wondershare Filmora9 Mac版是Mac os系统上一款界面简洁时尚.功能强大的视频编辑软件.通过使用 Wondershare Filmora您会很容易地创建从视频文件,音频文件,并 ...
- 怎么在PDF上编辑文字?其实编辑方法很简单
怎么在PDF文件上编辑文字呢?大家对PDF文件的使用需求还是挺大的,日常的传输文件.保存文件都会使用到它.很多时候我们在浏览文件时会发现文件中出现一些错误,或者是不完善的地方,想要修改它却发现PDF文 ...
- python 怎么输入字符上的横线_字符上方的横线怎么用MathType编辑
数学中除了一些基本的公式符号之外,还有很多的数学样式.这些数学样式是数字变量与符号的组合,在不同的数学问题中会有不同的组合情况,比如字符上方的横线.其实这种横线在数学公式中很常见,比如表示平均值的时候 ...
- python 怎么输入字符上的横线_python 怎么输入字符上的横线_字符上方的横线怎么用MathType编辑...
数学中除了一些基本的公式符号之外,还有很多的数学样式.这些数学样式是数字变量与符号的组合,在不同的数学问题中会有不同的组合情况,比如字符上方的横线.其实这种横线在数学公式中很常见,比如表示平均值的时候 ...
- Altium AD20修改原理图右下角标题栏,自定义标题栏,添加图片、标题、页码、时间、作者
AD20通过点击原理图界面的边框,可以弹出属性框,这里可以对页面参数进行配置,其中就包含右下角的标题栏,其中包含有图片.标题.页码.时间.作者等各种信息. AD20修改原理图右下角标题栏 直接点击 P ...
- a0图框标题栏尺寸_机械制图140标题栏-机械制图a0标题栏-机械制图图框标题栏标准...
机械制图的标题栏里的标准化是什幺意思 标准化是给做标准化的人签字的.所谓的标准化,就是审核你的图纸是不是符合相关的标准,比如图纸的幅面,标注,字体的样式,字体的大小,视图的方向,线条的粗细,等等等等, ...
最新文章
- 实战分析 RocketMQ事务消息
- 将图片读取为像素格式
- 干货 | 算法工程师入门第一期——罗恒讲深度学习
- VTK:多数据点用法实战
- sklearn自学指南(part5)--使用手册的目录
- ZOJ3805Machine(二叉树左右子树变换)
- 在webstorm中怎么配置本地服务器
- nginx 配置多个域名 指向不同服务_Nginx的几个常用配置和技巧
- python webserver模块,python探索之BaseHTTPServer-实现Web服务器介绍
- HDU2017 字符串统计【入门】
- jupyter查看函数参数
- 无法定位序数1上的动态链接库
- python走迷宫_python-走迷宫
- 2021年全球氨基酸表面活性剂市场规模大约为47亿元(人民币),预计2028年将达到105亿元
- GHO文件转iso文件能启动安装
- word2003流程图变成图片_怎样将word文档的部分内容(流程图)制作成图片 详细始末...
- MySQL顺序读写和随机读写磁盘_随机读写与顺序读写的深入理解
- 最近看到需要去学习的点(持续记录)
- windows无法格式化u盘_u盘无法格式化怎么办 DOS下u盘格式化方法【详解】
- DedeCMS-Dede伪原创自动采集发布
热门文章
- 很久很久之前的一道面试题(老师的生日是那一天?)~
- 记录下帮助一位网友解决的关于android子控件的onTouch或onClick和父OnTouch 冲突的问题。
- 解决eclipse中mybatis的xml配置文件无代码提示问题
- 【SpringBoot】拦截器使用@Autowired注入接口为null解决方法
- C++ Error C2664:无法将参数 1 从“const char [9]”转换为“LPCWSTR”解决方案
- java-png图片压缩,解决png图片压缩后背景变黑问题
- Bootstrap模态出现在背景下
- 如何在jQuery中发送PUT / DELETE请求?
- 我如何开始使用Node.js [关闭]
- win11正式版如何安装安卓app windows11正式版安装安卓app的步骤方法