模板CSS样式的分类定义.doc

所有模块（内容模块、功能模块和自定义模块）除按照自身样式表定义显示效果还会继承该模块当前所在区域的样式表的定义。当这几种样式定义不冲突时会叠加样式表来显示效果；当这几种样式定义冲突时会按照一定的优先级对“冲突样式”进行选择性的使用。继承性：下级自动继承上级样式例如：首页A区域内容able.HomeAreaA tbody td设定字体黑色、大小12px、字体加粗；而首页A01区域内容table.HomeAreaA01 tbody td没有设定字体颜色及大小；那么最终A01区域内容显示效果会是字体黑色、大小12px、字体加粗。优先级：1.功能模块自身样式表设定高于系统其它样式表设定，无论放置在何处都会以自身样式设定为准例如：当“推荐网站”功能模块放置在首页A01区域，table.websit td（推荐网站标题样式）设定字体红色、大小12px；而table.HomeAreaA01 td（A01区域标题样式）设定字体黑色、大小12px、字体加粗；那么最终放置在首页A01区域的推荐网站显示效果会是字体红色、大小12px、字体加粗。2.最小范围样式设定高于外围样式设定例如：首页A01区域标题table.HomeAreaA01 thead td设定字体黑色、大小12px；而首页A区域标题able.HomeAreaA thead td设定字体黄色、大小12px、字体加粗；那么最终A01区域标题显示效果会是字体黑色、大小12px、字体加粗。所用到的CSS样式：类标记说明td.HomeAreaA_SmallPic首页A列在首页显示的文章小图片统一单元格样式（如果是B列，则相应样式为td.HomeAreaB_SmallPic，依此类推）td.HomeAreaA01_SmallPic首页A列A01区域在首页显示的文章小图片单元格样式（如果是A02区域，则相应样式为td.HomeAreaA02_SmallPic，依此类推）table.HomeAreaA td首页A列表格的统一样式，如果是定义表格内的单元格样式可以使用table.HomeAreaA td，依此类推table.HomeAreaB td首页B列表格的统一样式，如果是定义表格内的单元格样式可以使用table.HomeAreaB td，依此类推table.HomeAreaA01 td首页A01区域表格的样式，这个区域将继承table.HomeAreaA定义的样式table.HomeAreaA01 thead td首页A01区域标题的样式，这个区域将继承table.HomeAreaA01定义的样式table.HomeAreaA01 tbody td首页A01区域内容的样式，这个区域将继承table.HomeAreaA01定义的样式table.HomeAreaA01 tfoot td首页A01区域链接的样式，这个区域将继承table.HomeAreaA01定义的样式功能模块CSS样式：table.vote thead td网站调查标题样式（其它区域以此类推）table.vote tbody td网站调查内容样式（其它区域以此类推）table.VoteResult td网站调查结果页面样式table.userlogin thead td会员登陆标题样式table.userlogin tbody td会员登陆内容样式table.userlogin input.button会员登陆模块按钮样式,继承.button样式（其它区域按钮以此类推）table.userlogin input.text会员登陆表格文本样式,继承.tetx样式（其它区域文本以此类推）table.websit thead td推荐网站标题样式table.websit tbody td推荐网站内容样式table.sitelink thead td友情链接标题样式table.sitelink tbody td友情链接内容样式table.search thead td站内搜索标题table.searchsite input.text搜索文字框样式table.searchsite input.button搜索按钮样式信息反馈CSS样式：table.Comment评论样式table.Comment textarea提交“评论内容”框的样式table.Comment input评论页面按钮table.Feedback在线反馈样式table.Feedback textarea在线反馈内容提交框的样式table.Feedback input.text在线反馈标题样式table.Feedback select在线反馈类 别样式table.Feedback input在线反馈输入框样式首页、内容页CSS样式：table.user1导航栏1，继承table.user样式table.mainmenu导航栏1，继承table.user1样式table.user2导航栏2，继承table.user样式table.bottommenu导航栏2，继承table.user2样式div.pathway当前位置样式table.mainmain区域样式table.main tbody tdmain内容区域样式table.ArtContent内容页文章样式，继承table.main样式table.ArtContent thead td内容页文章标题样式table.ArtContent tbody td内容页文章内容样式table.userdesign thead td自定义模块内容标题样式，继承所在区域题样样式table.userdesign tbody td自定义模块内容内容样式，继承所在区域内容样式table.left左侧全局样式，其他通用区域类推（right区域使用table.right）table.left thead td左侧标题样式table.left tbody td左侧内容样式table.MainLeft文章列表类模块，标题在左侧显示时样式table.MainLeft tbody td文章列表类模块，标题在左侧显示时样式table.ArtList文章列表类模块样式，继承table.main样式table.ArtList thead td文章列表类模块标题样式table.ArtList tbody td文章列表类模块内容样式table.ArtList tfoot td文章列表类模块“更多内容”样式table.ArtIntro文章简介列表类模块，继承table.main样式table.ArtIntro thead td文章简介列表类模块标题样式table.ArtIntro tbody td文章简介列表类模块内容样式table.ArtIntro tfoot td文章简介列表类模块“更多内容”样式table.PicList 图片标题列表类模块，继承table.main样式table.PicList thead td图片标题列表类模块标题样式table.PicList tbody td图片标题列表类模块内容样式table.PicList tfoot td图片标题列表类模块“更多内容”样式table.PageLink td分页链接，继承table.main样式.text全局输入框样式.button全局按钮样式.useritem“忘记密码”字体样式网页链接样式：a:link网页默认原始链接的样式a:hover网页默认鼠标放置时链接的样式a:visited网页默认鼠标点击过后链接的样式.TitleLink a:link标题列表原始链接的样式.TitleLink a:hover标题列表鼠标放置时链接的样式.TitleLink a:visited标题列表鼠标点击过后链接的样式.ContentLink a:link标题列表页内容原始链接的样式.ContentLink a:hover标题列表页内容鼠标放置时链接的样式.ContentLink a:visited标题列表页内容鼠标点击过后链接的样式.mainmenu a:linkuser1原始链接的样式.mainmenu a:hoveruser1