CSS 表现样式规约.docVIP

表现样式规约 前言 关于样式的设计分为两类：一是表现样式，主要定义样式的表现形式，用基本样式类定义实现；一是功能样式，主要是定义样式的功能，通过定义behavior属性调用htc文件实现不同的功能。本文档主要是描述前者的规约。 分类 在表现样式中存在分组和不分组两类样式，分组样式指的是定义一组规定样式类来展现某种页面构成，可以在该样式类前加参数（如：A、B、C、D）来扩展该类样式的显示风格，不分组样式指的是定义的样式适用全局，不需要扩展定义的，如Body、A等。 外网命名方式： 样式命名方式：　 L1A L1B L1C　 L代表左边　1代表首页　ABC　代表来扩展该类样式的显示风格 C1A　 C1B　 C1C　 C代表中间　1代表首页　ABC　代表来扩展该类样式的显示风格 R1A　 R1 B　 R1C R代表右边　1代表首页　ABC　代表来扩展该类样式的显示风格 L2A　 L2B　 L2C　 L代表左边　2代表二级页面　ABC　代表来扩展该类样式的显示风格 R2A　 R2 B　 R2C R代表左边　2代表二级页面　ABC　代表来扩展该类样式的显示风格 L3A　 L3B　 L3C　 L代表左边　3代表三级页面　ABC　代表来扩展该类样式的显示风格 R2A　 R2 B　 R2C R代表左边　3代表三级页面　ABC　代表来扩展该类样式的显示风格 表现规约 分类样式 表单类 定义 CSS样式类名 相关描述 TitleIcon 主表格第一行标题区最左端TD 包含图标的定义，占表格的20％ Title 主表格第一行标题区中间TD 包含标题的定义，占表格的60％ TitleIconR 主表格第一行标题区最右端TD 占表格的20％ ItemCol 嵌套表格第一行，属于项目标题区 定义每个功能项目都包含哪些列，其中最左端显示一个复选框，用于选中所有内容 Body 主表格第二行的嵌套表格 包含边框样式的定义。页面区域中需要填充的具体内容放置在嵌套表格中 ItemIcon 嵌套表格每一行左端TD 包含项目符号的定义，属于信息项区 Item1 嵌套表格奇数行除最左端外每个TD，属于信息项区 Item2 嵌套表格偶数行除最左端外每个TD，属于信息项区 ItemExt 嵌套表格中的一行，也可以与标题区或信息项区的最后一行共用一行，属于扩展区（如：更多） ItemFunc 嵌套表格中的一行，用于放置进行操作的功能按钮。属于功能区 合计Table类 共有10项CSS样式类 Demo 查看用法 TitleIcon Title TitleIconR ItemCol ItemIcon Item1 ItemIcon Item1 ItemIcon Item1 ItemIcon Item2 ItemExt ItemFunc Body 子类定义 左边下拉菜单类LeftMenu 样式类 CSS样式类名 左边下拉菜单类(LeftMenu开头) TitleIcon Title TitleIconR ItemIcon Item1 Item2 Body 合计 7个 查看用法 LeftMenuTitleIcon LeftMenuTitle LeftMenuTitleIconR ItemIcon Item1 ItemIcon Item1 ItemIcon Item1 ItemIcon Item2 Body 编辑表单Edit类 样式类 CSS样式类名 信息抽取子类(Edit) TitleIcon Title TitleIconR ItemExt Body Item1 Item2 ItemIcon 合计 8个 查看用法 Edit TitleIcon Edit Title Edit TitleIconR ItemIcon Item1 ItemIcon Item1 ItemIcon Item1 ItemExt Body 搜索子类Search 样式类 CSS样式类名 搜索子类(Search) TitleIcon Title TitleIconR Body ItemExt 合计 5个 查看demo 多行子类 如：外网的左边子类的样式L1A　 L代表左边　1代表首页　ABC　代表来扩展该类样式的显示风格 样式类 CSS样式类名 多行子类（L1A） TitleIcon Title TitleIconR Body Item1 Item1 合计 6个 查看demo 登录类Login 样式类 CSS样式类名 登录类 (Login) TitleIcon Title TitleIconR Body Item1 Item2