TERSUS无代码开发(笔记04)-CSS样式设置
CSS样式设置
大小尺寸 | 说明 | 间距边距 | 说明 | 各类颜色 | 说明 |
---|---|---|---|---|---|
width | 宽 | margin | 外边距 | color | 颜色 |
height | 高 | padding | 内边距 | background-color | 背景色 |
font-weight | 字体加粗 | float |
浮动
|
||
font-size | 字体大小 | text-align | 水平对齐 |
2.样式文件的位置
less语言处理:一门向后兼容的 CSS 扩展语言.
文件名称 | 定义内容说明 |
---|---|
001-reset.less | 音/视频显示块定义、HTML页/图片/按钮/输入框显示位置及大小基本定义 |
002-variables.less | 变量定义:常用的颜色值、链接/按钮/表格/布局/表单等元件等使用的颜色及字符大小的变量定义、Bootstrap图标文件地址定义 |
003-mixins.less | Mixins可以将一部分需重用的样式抽出,只需定义一次,可被重复使用 |
004-scaffolding.less | HTML 主体/链接/图片的默认样式 |
005-grid.less | Grid网格对象中的样式定义 |
006-layouts.less | 布局元件使用,定义一个container名称的样式类,并定义其中子元件显示样式 |
007-type.less | 页面中字符样式定义、特别的字号、标题标签如h1 h2 h3…、表头样式、列表样式、缩写类样式、引用内容样式、地址样式 |
008-code.less | 代码内容显示的样式 |
009-forms.less | 表单的样式、带标签的输入框样式、各类输入框元件样式、勾选等元件样式 |
010-tables.less | 表格对象的样式、基本样式/紧凑样式/带边框样式/斑马条样式/滑动变色样式/单元格大小样式/背景色样式等定义内容 |
011-sprites.less | Bootstrap图标名称位置定义,黑色及白色类定义,注意对应的图标文件地址在002-variables.less有定义 |
012-dropdowns.less | 下拉按钮的样式定义 |
013-wells.less | 一种会引起内容凹陷显示或插图效果的容器样式定义 |
014-component-animations.less | 渐变等动态效果样式 |
015-close.less | 关闭图标的样式 |
016-buttons.less | 按钮的样式定义,包括按钮颜色样式/尺寸/状态/背景色 |
017-button-groups.less | 按钮组样式,按钮组中各类不同按钮显示样式 |
018-alerts.less | 报警类提示类的样式,不同颜色定义 |
019-navs.less | 导航类的样式定义 |
020-navbar.less | 导航条的样式定义 |
021-breadcrumbs.less | 面包屑导航样式定义 |
022-pagination.less | 分页为每个页面做导航的样式 |
023-pager.less | 翻页导航样式 |
024-modals.less | 弹窗的样式,包括正常弹窗/大弹窗定义/弹窗头部样式/内部主体样式/底部样式定义 |
025-tooltip.less | 工具提示框样式,包括提示框内部设定图标 |
026-popovers.less | 简单弹窗样式,标题/内容/图标等样式 |
027-thumbnails.less | 缩略图的样式 |
028-media.less | 媒体类型的样式 |
029-labels-badges.less | 标签显示及徽章类的样式 |
030-progress-bars.less | 进度条样式定义 |
031-accordion.less | 垂直手风琴效果样式 |
032-carousel.less | 轮播图样式,控制及图中文字显示样式 |
033-hero-unit.less | 巨幕样式,用于展示放大提示的样式 |
034-utilities.less | 类对象属性的样式,如是否显示,靠左靠右等 |
035-responsive-utilities.less | 响应式处理样式 |
responsive-767px-max.less | 响应式处理样式,最大767px |
responsive-768px-979px.less | 响应式处理样式768px-979px |
responsive-1200px-min.less | 响应式处理样式,最小1200px |
responsive-navbar.less | 导航条响应式处理样式 |

<readonly>对输入框限制设置为禁止输入数据
<Disabled>按钮不能点击
<Visible>是否显示(也可以不隐藏其它显示元件)
===============================================================================================
上一篇:TERSUS无代码开发(笔记03)-常用快捷键
下一篇:TERSUS无代码开发(笔记05)-简单实例电脑端页面设计
TERSUS无代码开发(笔记04)-CSS样式设置的更多相关文章
- TERSUS无代码开发(笔记05)-简单实例电脑端页面设计
案例笔记电脑端页面设计 1.新建项目(请假管理qjgl) 2.开发软件界面介绍(常用的功能按键) 3.目录中显示元件对象 4.对元件对象的操作主要方式是双击(双击哪个元件, ...
- TERSUS无代码开发(笔记03)-常用快捷键
常用快捷键 1.a 普通行为元件调用 2.b 判断输入的值是什么值 3.c 有条件的传值处理 4.e 输出元件 5.f 传值或流程 6.t 输入元件 7.p 调用元件查询 8.x 判断是否有输入值 图 ...
- TERSUS无代码开发(笔记09)-简单实例前端样式设计
前端常用样式设计 =========================================================================================== ...
- TERSUS无代码开发(笔记08)-简单实例电脑端后台逻辑开发
主管审批功能逻辑开发 1.查询逻辑开发(查询待审批记录) 2.批准处理(将选中的一条记录进行批准处理) =============================================== ...
- TERSUS无代码开发(笔记06)-简单实例手机端页面设计
手机端的设计 1.页面说明 2.默认页面===>提交请假单(上面页面双击进入,页面主要编辑区) 2.1默认页面===>提交请假单===>头部区(页面部份主要编辑区01) 2.1.1默 ...
- TERSUS无代码开发(笔记02)-简单实例加法
简单实例加法 1.用户端元件(显示元件)(40个) 图标 英文名称 元件名称 使用说明 服务器端 客户端 Pane 显示块 是一个显示块,是HTML的div标签 √ Row 行 行元件中的显示元件 ...
- TERSUS无代码开发(笔记07)-简单实例手机端后台逻辑开发
提交申请逻辑开发 1.添加父级对象引用(从父级对象中获取前端输入框的值) 1.设计数据库表(表名和字段名称不能用中文) 2.设计置数据库主键(可设联合主键) 3.传值形成数据实列处理 4.服务器端处理 ...
- TERSUS无代码开发(笔记01)-按装下载和基础语法
1.中国官网 https://tersus.cn/ 2.下载:https://tersus.cn/download/ 3.开发文档:https://tersus.cn/docs/ 4.基本元件说明 图 ...
- HTML+CSS学习笔记 (15) - css样式设置小技巧
水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的. 如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:c ...
随机推荐
- 漫画 | CPU战争40年,真正的王者终于现身!
上个世纪70年代,内存又慢又贵, 程序员得想尽一切办法节省内存. 那个时代的编译器也比较差劲 所以,70年代的程序员几乎都写得一手好汇编. 为了帮助程序员写好汇编,这个时候的CPU也有意把指令集做了增 ...
- D - Wireless Network(无线网络)
题意:给你 N 台坏了的电脑的坐标 ,和一个距离范围 d . (在距离范围内的电脑可以相互通信,每台电脑也可以连接两台不同的电脑,使他们之间能够通信) 输入任意次数操作: O x 表 ...
- AtCoder Beginner Contest 183
第二次ak,纪念一下. 比赛链接:https://atcoder.jp/contests/abc183/tasks A - ReLU 题解 模拟. 代码 #include <bits/stdc+ ...
- PAT(乙级)2020年春季考试
比赛链接:https://pintia.cn/market/item/1287964475579875328 7-1 对称日 题解 模拟,注意年月日不足位在前面补零. 代码 #include < ...
- 【uva 11093】Just Finish it up(算法效率--贪心)
题意:环形跑道上有N个加油站,编号为1~N.第 i 个加油站可以加油Ai加仑,从加油站 i 开到下一站需要Bi加仑汽油.问可作为起点走完一圈后回到起点的最小加油站编号. 解法:我们把每个加油站的Ai, ...
- zoj3545Rescue the Rabbit (AC自动机+状压dp+滚动数组)
Time Limit: 10 Seconds Memory Limit: 65536 KB Dr. X is a biologist, who likes rabbits very much ...
- 病毒侵袭持续中 HDU - 3065 AC自动机
小t非常感谢大家帮忙解决了他的上一个问题.然而病毒侵袭持续中.在小t的不懈努力下,他发现了网路中的"万恶之源".这是一个庞大的病毒网站,他有着好多好多的病毒,但是这个网站包含的病毒 ...
- Codeforces Round #656 (Div. 3) D. a-Good String (DFS)
题意:有一个长度为\(n=2^k\)的字符串,对于某个字符\(c\),我们定义他是一个\(c-good\),如果: 1.\(len=1\),并且\(s[1]=c\). 2.\(len>1 ...
- vue-router离开当前页面提示未保存,解决在使用beforeRouteLeave弹窗多次闪现问题
在使用beforeRouteLeave时要注意两点: 1. next(false)阻止路由继续进行,若不先阻止,会多次执行守卫中的代码 2. 利用setTimeout延时触发弹窗,避免出现闪现情况
- 杭电多校HDU 6599 I Love Palindrome String (回文树)题解
题意: 定义一个串为\(super\)回文串为: \(\bullet\) 串s为主串str的一个子串,即\(s = str_lstr_{l + 1} \cdots str_r\) \(\bullet\ ...