Appcan UI Class 速查手册

che

用于定义复选框水平排列时选中后的样式

che-icon

用于定义复选框选中或未选中时使用的图标,根据复选框的状态定义选中或着未选中

的图标(垂直排列)

col

跟复选框选中状态搭配着使用,定义列表展开时的圆角变化

col-icon

定义折叠列表展开或者关闭时列表上图标的变换

col-c

默认情况下:

col-c

定义折叠列表的内容区域是隐藏的即

display:none

col-c

zy_fold

函数搭配着使用当列表展开时通过

zy_fold

函数将列表的

col-c

类名去掉,列表的内容区域显示

lis

用于定义列表的

padding

距离

lis-icon

用于定义列表中的图片为图标时使用的样式

lis-th

用于定义列表中的图片为缩略图时使用的样式

lis-sw

用于定义列表中具有标识作用的图标的样式例如箭头

rdi

用于定义水平排列的单选按钮选中后的样式

rdi-icon

用于定义单选按钮使用的图标,根据单选按钮的状态定义选中或着未选中的图标

res

用于定义一些控件使用的图标例如下拉列表中使用的图标,类别用数字表示,代表

不同控件使用的不同图片

res3

类别为

3

定义了下拉列表使用的图片

res8

定义了列表使用的图标

sel select

用于定义下拉列表的样式

tab

用于定义

tab

栏的高度以及内边距,

ui-tab.css

中定义了一些

tab

栏默认的使用的

小图标

swi

定义的开关按钮的宽度、高度以及开关按钮使用的背景图片

swi-btn

用户定义按钮上面的滑块的样式

uabs

定义元素位于页面的左上角,

position:absolute;left:0px; top:0px;

ub

类别为数字编号,用于定义不同大小的边框

ub-t

代表上边框。类别为空,定义的边框宽度为

1px

ub-l

代表左边框。类别为空,定义的为边框宽度为

1px

uba

代表四个边的边框。类别为空,定义的边框宽度为

1px

uba1

代表四个边的边框。类别为

1

,定义的边框宽度为

2px

ub

使用

box

弹性盒子模式对页面进行布局,

一般跟

ub-f[1-4]

搭配着使用

ub-ac

:垂直居中,只有跟

ub

搭配着使用

ub-ac

ub-ae

的作用才生效

ub-ae

:位于底边,只有跟

ub

搭配着使用

ub-ac

ub-ae

的作用才生效

ub-con

:在子元素中加入一个容器,用于避免内容引起子元素大小变化

ub-pc

:水平居中,

只有跟

ub

搭配着使用

ub-pc

ub-pe

ub-pj

的作用才生效

ub-pe

:位于末尾,

只有跟

ub

搭配着使用

ub-pc

ub-pe

ub-pj

的作用才生效

ub-pj

:两端对齐,

只有跟

ub

搭配着使用

ub-pc

ub-pe

ub-pj

的作用才生效

ub-ver

:定义元素垂直排列,只有跟

ub

搭配着使用

ub-ver

的作用才生效

ub-rev

:定义元素排列方向,只有跟

ub

搭配着使用

ub-rev

的作用才生效

ub-fh

:在

box

架构中

ub-fh

一般跟函数

zyFlip

()搭配着使用实现横向滑动效果

ub-fv

:在

box

架构中

ub-fv

一般跟函数

iScroll

()搭配着使用实现纵向滑动效果

ub-img

类别为数字编号,用于定义不同的背景排列方式

ub-img

类别为空,定义将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像

始终包含在容器内

ub-img1

类别为

1

,定义将背景图片等比例缩放到完全覆盖容器,背景图像有可能超过容器

ub-img2

类别为

2

,定义背景图像横向平铺

ub-img3

类别为

3

,定义背景图像纵向平铺

ub-img4

类别为

4

,定义背景图像横向

100%

,纵向自适应

;

ub-img5

类别为

5

,定义背景图像横向自适应,纵向为

100%

ub-img6

类别为

6

,定义背景图像居中显示

ub-f

定义不同的

box-flex

属性值,类别使用数字编号,定义不同的元素空间大小分配

比例

ub-f1

数字编号为

1

;定义

box-flex

1

ub-f2

数字编号为

2

;定义

box-flex

2

ub-f3

数字编号为

3

;定义

box-flex

3

ub-f4

数字编号为

4

;定义

box-flex

4

uc

用于定义不同大小的圆角

uc-t

代表上圆角即左上和右上圆角。类别为空,定义的为圆角半径为

0.6em

的圆角

uc-tl

代表左上圆角。类别为空,定义的为圆角半径为

0.6em

的圆角

uc-t1

代表上圆角即左上和右上圆角。类别为空,定义的为圆角半径为

0.3em

的圆角

uh

代表

UI HEADER

,定义头部和底部的元素的一些基本属性

uinl

用于定义元素为行内元素(使用后宽度自动缩短与文字一致)

uinn

类别为数字编号,用于定义不同内边距的大小

uinn

类别为空,定义的内边距大小上右下左均为

0.5em

uinn1

类别为

1

,定义的内边距大小上下为

0

,左右为

0.5em

uinput

定义文本框和文本区域的基本样式,内边距,外边距,边框,背景颜色,宽度和

高度。

uinput

一般跟

input

textarea

搭配着使用实现输入框或文本区域的样式

uf

代表

UI FOOTER

,定义头部和底部的元素的一些基本属性

uf

代表

UI FLOAT

,用于定义元素的浮动方向

ufl

代表元素左浮动

ufr

代表元素右浮动

ulev

类别为数字编号,用于定义不同大小的字体;其中数值越大代表字体大小越大,数

值越小代表字体大小越小

ulev0

类别为

0

,定义的字体大小为

1em

ulev1

类别为

1

,定义的字体大小为

1.2em

ulev-1

类别为

-1

,定义的字体大小为

0.8em

ulab

一般跟

uinput

搭配着使用

.ulab

.uinput{margin-left:3px}

,用于定义标签和输入

框之间的距离

ulim

定义元素的最大宽度超过部分省略

umh

类别为数字编号,用于定义不同大小的最小高度

umh1

类别为

1

,定义最小高度为

1em

umh2

类别为

2

,定义最小高度为

1.2em

umw

类别为数字编号,用于定义不同大小的最小宽度

umw1

类别为

1

,定义最小宽度为

1em

umw2

类别为

2

,定义最小宽度为

2em

uhide

代表元素隐藏

display

属性为

none

umar-

定义外边距的大小

umar-t

代表上边距。定义的上边距的大小为

margin-top

0.4em

umar-b

代表下边距。定义的下边距的大小

margin-bottom:0.4em

umar-l

代表左边距。定义的下边距的大小

margin-left:0.4em

umar-r

代表下边距。定义的右边距的大小

margin-right:0.4em

umar-a

代表上下左右四个边的边距。定义

margin

0.4em

um-vp

定义

body

的内边距

padding

,外边距

margin

的大小以及文字大小可以调整,超过

body

宽度的部分隐藏

uof-

内容溢出元素框时,超出的部分隐藏

uof-x

:类型为

x

时,定义

oveflow-x

hidden

;超出容器的指定宽度时,横向超出的部分隐藏

uof-y

:类型为

y

时,定义

oveflow-y

hidden

;超出容器的指定高度时,纵向超出的部分隐藏

uof

:类型为空时,定义

overflow

hidden

;内容溢出元素框时,溢出的部分隐藏

up

一般和

um-vp

搭配使用,用于定义页面大小自适应手机屏幕大小

us

用于定义不同大小和不同颜色的外阴影

us

代表外阴影。类别为空,定义的外阴影颜色为黑色

us1

代表外阴影。类别为

1

,定义外阴影颜色为灰白色

us-i

代表内阴影。类别为空,定义内阴影大小及阴影颜色为黑色

ut

代表

UI TITLE

,定义头部和底部的内边距和外边距的大小

uts

代表文字内阴影。定义文字阴影大小及阴影颜色

ut-s

用于定义文字超过容器指定宽度时文字隐藏并且文字不换行

tx-

用于定义文字的对齐方向

tx-l

代表左对齐

tx-r

代表右对齐

tx-c

代表居中对齐

弹性盒子模型————

-webkit-box-orient:vertical

来控制子元素为纵向排列

-webkit-box-direction:reverse

通过在父

DIV

中设定这个属性可以让子元素反向排列

-webkit-box-align:center

通过在父元素中设定这个属性,当子元素横向排布时,可以使

子元素间实现上边界对齐、中线对齐和下边界对齐的效果

-webkit-box-pack:center

通过在父元素中设定这个属性,

当子元素横向排布时,

可以使子

元素间左边界对齐、中线对齐和右边界对齐

时间: 2024-10-03 01:35:37

Appcan UI Class 速查手册的相关文章

25个有用和方便的 WordPress 速查手册

如果你是一个 WordPress 编码器或开发人员,下载一些方便的 WordPress 备忘单寻找你的工作然后你在正确的地方.我们已经列出了25个有用的和方便的 WordPress 速查手册.WordPress 备忘单后将帮助你发展你的 WordPress 主题和插件以及这些有助于搜索引擎优化你的博客.享受! ! 1. WP-CheatSheet 2. Complete WordPress Cheat Sheet 3. Cheat Sheet SEO for WordPress 4. WordP

《zw版·Halcon-delphi系列原创教程》 zw版-Halcon常用函数Top100中文速查手册

<zw版·Halcon-delphi系列原创教程> zw版-Halcon常用函数Top100中文速查手册 Halcon函数库非常庞大,v11版有1900多个算子(函数). 这个Top版,对最常用的函数,做了中文说明,目前约250条,以后会逐步优化.增减. 目标是,类似常用英文单词500一样,做成<Halcon常用函数300条>.<halcon常用函数500条>等版本,方便大 家学习. 考虑到通用性,函数采用的是Halcon手册格式,没有转成delphi版,请大家注意.

Linux/Unix 系统分析命令速查手册

1.Hardware CPU information: cat /proc/cpuinfo 物理core个数: 统计core 逻辑CPU个数:统计processor Memory information: free -m 其中-+buffer是针对OS/App来说的. Disk information: fdisk -l df -h IO 性能: iostat -d -x -k 1 10 此命令属于sysstat包 观察await 平均io operation等待时间 观察%util 一秒中IO

R之data.table速查手册

R语言data.table速查手册 介绍 R中的data.table包提供了一个data.frame的高级版本,让你的程序做数据整型的运算速度大大的增加.data.table已经在金融,基因工程学等领域大放光彩.他尤其适合那些需要处理大型数据集(比如 1GB 到100GB)需要在内存中处理数据的人.不过这个包的一些符号并不是很容易掌握,因为这些操作方式在R中比较少见.这也是这篇文章的目的,为了给大家提供一个速查的手册. data.table的通用格式: DT[i, j, by],对于数据集DT,

Pandas速查手册中文版

本文翻译自文章: Pandas Cheat Sheet - Python for Data Science ,同时添加了部分注解. 对于数据科学家,无论是数据分析还是数据挖掘来说,Pandas是一个非常重要的Python包.它不仅提供了很多方法,使得数据处理非常简单,同时在数据处理速度上也做了很多优化,使得和Python内置方法相比时有了很大的优势. 如果你想学习Pandas,建议先看两个网站. (1)官网: Python Data Analysis Library (2)十分钟入门Pandas

HTML基础教程(17)——HTML 4.01速查手册

自 W3School 的 HTML 快速参考.可以打印它,以备日常使用. HTML Basic Document <html> <head> <title>Document name goes here</title> </head> <body> Visible text goes here </body> </html> Text Elements <p>This is a paragraph&

8086汇编指令速查手册

一.常用指令 二.算术运算指令 三.逻辑运算指令四.串指令 五.程序跳转指令------------------------------------------ 计算机寄存器分类简介: 32位CPU所含有的寄存器有:4个数据寄存器(EAX.EBX.ECX和EDX)2个变址和指针寄存器(ESI和EDI) 2个指针寄存器(ESP和EBP) 6个段寄存器(ES.CS.SS.DS.FS和GS)1个指令指针寄存器(EIP) 1个标志寄存器(EFlags) 1.数据寄存器数据寄存器主要用来保存操作数和运算结

几个较好的SQL速查手册网址

微软 SQL server 数据库开发手册 数据库设计 Transact-SQL 速查手册 数据库设计 MySQL 中文参考手册速查 结构化查询语言 SQL 学习手册速查 转自:http://www.cnblogs.com/yencain/articles/1313465.html

awk速查手册

awk速查手册 score.txt cat score.txt Marry 2143 78 84 77 Jack 2321 66 78 45 Tom 2122 48 77 71 Mike 2537 87 97 95 Bob 2415 40 57 62 netstat.txt $cat netstat.txt Proto Recv-Q Send-Q Local-Address Foreign-Address State tcp 0 0 0.0.0.0:3306 0.0.0.0:* LISTEN t