CSS样式设置

1.常用显示样式

大小尺寸 说明  间距边距 说明  各类颜色 说明 
width margin 外边距         color  颜色       
height padding 内边距 background-color  背景色
font-weight 字体加粗 float
浮动
   
font-size 字体大小 text-align 水平对齐    

2.样式文件的位置

bootstrap框架

less语言处理:一门向后兼容的 CSS 扩展语言.

3.bootstrap文件夹中样式文件说明

文件名称 定义内容说明
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 导航条响应式处理样式

 4.H5标签属性

<Value>将变变量中的值放到里面显示

<readonly>对输入框限制设置为禁止输入数据

 <Disabled>按钮不能点击

 <Visible>是否显示(也可以不隐藏其它显示元件)

===============================================================================================

上一篇:TERSUS无代码开发(笔记03)-常用快捷键

下一篇:TERSUS无代码开发(笔记05)-简单实例电脑端页面设计

TERSUS无代码开发(笔记04)-CSS样式设置的更多相关文章

  1. TERSUS无代码开发(笔记05)-简单实例电脑端页面设计

    案例笔记电脑端页面设计   1.新建项目(请假管理qjgl)   2.开发软件界面介绍(常用的功能按键)      3.目录中显示元件对象      4.对元件对象的操作主要方式是双击(双击哪个元件, ...

  2. TERSUS无代码开发(笔记03)-常用快捷键

    常用快捷键 1.a 普通行为元件调用 2.b 判断输入的值是什么值 3.c 有条件的传值处理 4.e 输出元件 5.f 传值或流程 6.t 输入元件 7.p 调用元件查询 8.x 判断是否有输入值 图 ...

  3. TERSUS无代码开发(笔记09)-简单实例前端样式设计

    前端常用样式设计 =========================================================================================== ...

  4. TERSUS无代码开发(笔记08)-简单实例电脑端后台逻辑开发

    主管审批功能逻辑开发 1.查询逻辑开发(查询待审批记录) 2.批准处理(将选中的一条记录进行批准处理)  =============================================== ...

  5. TERSUS无代码开发(笔记06)-简单实例手机端页面设计

    手机端的设计 1.页面说明 2.默认页面===>提交请假单(上面页面双击进入,页面主要编辑区) 2.1默认页面===>提交请假单===>头部区(页面部份主要编辑区01) 2.1.1默 ...

  6. TERSUS无代码开发(笔记02)-简单实例加法

    简单实例加法 1.用户端元件(显示元件)(40个) 图标 英文名称 元件名称 使用说明 服务器端 客户端 Pane 显示块 是一个显示块,是HTML的div标签   √ Row 行 行元件中的显示元件 ...

  7. TERSUS无代码开发(笔记07)-简单实例手机端后台逻辑开发

    提交申请逻辑开发 1.添加父级对象引用(从父级对象中获取前端输入框的值) 1.设计数据库表(表名和字段名称不能用中文) 2.设计置数据库主键(可设联合主键) 3.传值形成数据实列处理 4.服务器端处理 ...

  8. TERSUS无代码开发(笔记01)-按装下载和基础语法

    1.中国官网 https://tersus.cn/ 2.下载:https://tersus.cn/download/ 3.开发文档:https://tersus.cn/docs/ 4.基本元件说明 图 ...

  9. HTML+CSS学习笔记 (15) - css样式设置小技巧

    水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景,今天我们就来看看怎么设置水平居中的. 如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:c ...

随机推荐

  1. 漫画 | CPU战争40年,真正的王者终于现身!

    上个世纪70年代,内存又慢又贵, 程序员得想尽一切办法节省内存. 那个时代的编译器也比较差劲 所以,70年代的程序员几乎都写得一手好汇编. 为了帮助程序员写好汇编,这个时候的CPU也有意把指令集做了增 ...

  2. D - Wireless Network(无线网络)

    题意:给你 N 台坏了的电脑的坐标 ,和一个距离范围 d . (在距离范围内的电脑可以相互通信,每台电脑也可以连接两台不同的电脑,使他们之间能够通信) 输入任意次数操作: O   x        表 ...

  3. AtCoder Beginner Contest 183

    第二次ak,纪念一下. 比赛链接:https://atcoder.jp/contests/abc183/tasks A - ReLU 题解 模拟. 代码 #include <bits/stdc+ ...

  4. PAT(乙级)2020年春季考试

    比赛链接:https://pintia.cn/market/item/1287964475579875328 7-1 对称日 题解 模拟,注意年月日不足位在前面补零. 代码 #include < ...

  5. 【uva 11093】Just Finish it up(算法效率--贪心)

    题意:环形跑道上有N个加油站,编号为1~N.第 i 个加油站可以加油Ai加仑,从加油站 i 开到下一站需要Bi加仑汽油.问可作为起点走完一圈后回到起点的最小加油站编号. 解法:我们把每个加油站的Ai, ...

  6. zoj3545Rescue the Rabbit (AC自动机+状压dp+滚动数组)

    Time Limit: 10 Seconds      Memory Limit: 65536 KB Dr. X is a biologist, who likes rabbits very much ...

  7. 病毒侵袭持续中 HDU - 3065 AC自动机

    小t非常感谢大家帮忙解决了他的上一个问题.然而病毒侵袭持续中.在小t的不懈努力下,他发现了网路中的"万恶之源".这是一个庞大的病毒网站,他有着好多好多的病毒,但是这个网站包含的病毒 ...

  8. 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 ...

  9. vue-router离开当前页面提示未保存,解决在使用beforeRouteLeave弹窗多次闪现问题

    在使用beforeRouteLeave时要注意两点: 1. next(false)阻止路由继续进行,若不先阻止,会多次执行守卫中的代码 2. 利用setTimeout延时触发弹窗,避免出现闪现情况

  10. 杭电多校HDU 6599 I Love Palindrome String (回文树)题解

    题意: 定义一个串为\(super\)回文串为: \(\bullet\) 串s为主串str的一个子串,即\(s = str_lstr_{l + 1} \cdots str_r\) \(\bullet\ ...