瑞祥UI

退出
用户名

页面主体

将全局 font-size 设置为 14px，line-height 设置为 24。这些属性直接赋予 body 元素和所有段落元素标签。

实例:

一段文本一段文本一段文本一段文本

一段文本一段文本一段文本一段文本

										
....
	
										
.......

内填充和外补丁

公共样式里内置了一些内填充和外补丁，区别在于大小及位置。 其中大小分别为5、10、20像素这三种，方向分为：a(全部方向)，l(左侧侧)，r(右侧)，t(上方)，b(下方)。

实例:

下填充5个像素这是一个盒子，里边放点字
下填充10个像素这是一个盒子，里边放点字
下填充20个像素这是一个盒子，里边放点字
左补丁5个像素这是一个盒子，里边放点字
左补丁10个像素这是一个盒子，里边放点字
左补丁20个像素这是一个盒子，里边放点字
										
下填充5个像素这是一个盒子，里边放点字

										
下填充10个像素这是一个盒子，里边放点字

										
下填充20个像素这是一个盒子，里边放点字

										
左补丁5个像素这是一个盒子，里边放点字

										
左补丁10个像素这是一个盒子，里边放点字

										
左补丁20个像素这是一个盒子，里边放点字

页面标题

HTML 中的标题标签，h2 到 h6 均可使用。另外，还提供了uiTitle1、uiTitle2、uiTitle3 为的是给赋予标题的样式。

实例:

页面标题

页面标题

◆ 页面标题 

										

											
											页面标题
										

										

											
											页面标题
										

										

											◆
											页面标题

对齐

通过文本对齐类，可以简单方便的将文字重新对齐。

实例:

居左，这是一段简单的文本

居右，这是一段简单的文本

居中，这是一段简单的文本

截掉，这段文本只能显示一样，如果长了会自动截掉，并且会自动出现省略号，后面这些字就是为了让他更长点，以便能看出来截断的效果，后面这些字就是为了让他更长点，以便能看出来截断的效果，如果还看不到，就自己加文字吧

										
居左，这是一段简单的文本

										
居右，这是一段简单的文本

										
居中，这是一段简单的文本

										
截掉，这段文本只能显示一样，如果长了会自动截掉，并且会自动出现省略号，后面这些字就是为了让他更长点，以便能看出来截断的效果，后面这些字就是为了让他更长点，以便能看出来截断的效果，如果还看不到，就自己加文字吧

栅格化

使用 col-md-1~col-md-12 栅格类，就可以创建一个基本的栅格系统,目前只针对PC。

其中col-md-1的宽度最小为8.33333333%，col-md-12最大宽度为100%。因为栅格类都有浮动属性，所以使用过程中要清除浮动。

实例:

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-11
.col-md-3
.col-md-3
.col-md-3
.col-md-3
										

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										  
.col-md-1

										

										

										  
.col-md-1

										  
.col-md-11

										

										

										  
.col-md-3

										  
.col-md-3

										  
.col-md-3

										  
.col-md-3