模板css样式的分类定义文档

《模板css样式的分类定义文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、所有模块（内容模块、功能模块和自定义模块）除按照自身样式表定义显示效果还会继承该模块当前所在区域的样式表的定义。当这几种样式定义不冲突时会叠加样式表来显示效果；当这几种样式定义冲突时会按照一定的优先级对“冲突样式”进行选择性的使用。继承性：下级自动继承上级样式例如：首页A区域内容able.HomeAreaAtbodytd设定字体黑色、大小12px、字体加粗；而首页A01区域内容table.HomeAreaA01tbodytd没有设定字体颜色及大小；那么最终A01区域内容显示效果会是字体黑色、大小12px、字体加粗。优先级：1.功能模块自身样式

2、表设定高于系统其它样式表设定，无论放置在何处都会以自身样式设定为准例如：当“推荐网站”功能模块放置在首页A01区域，table.websittd（推荐网站标题样式）设定字体红色、大小12px；而table.HomeAreaA01td（A01区域标题样式）设定字体黑色、大小12px、字体加粗；那么最终放置在首页A01区域的推荐网站显示效果会是字体红色、大小12px、字体加粗。2.最小范围样式设定高于外围样式设定例如：首页A01区域标题table.HomeAreaA01theadtd设定字体黑色、大小12px；而首页A区域标题able.HomeA

3、reaAtheadtd设定字体黄色、大小12px、字体加粗；那么最终A01区域标题显示效果会是字体黑色、大小12px、字体加粗。所用到的CSS样式：类标记说明td.HomeAreaA_SmallPic首页A列在首页显示的文章小图片统一单元格样式（如果是B列，则相应样式为td.HomeAreaB_SmallPic，依此类推）td.HomeAreaA01_SmallPic首页A列A01区域在首页显示的文章小图片单元格样式（如果是A02区域，则相应样式为td.HomeAreaA02_SmallPic，依此类推）table.HomeAreaAtd首页

4、A列表格的统一样式，如果是定义表格内的单元格样式可以使用table.HomeAreaAtd，依此类推table.HomeAreaBtd首页B列表格的统一样式，如果是定义表格内的单元格样式可以使用table.HomeAreaBtd，依此类推table.HomeAreaA01td首页A01区域表格的样式，这个区域将继承table.HomeAreaA定义的样式table.HomeAreaA01theadtd首页A01区域标题的样式，这个区域将继承table.HomeAreaA01定义的样式table.HomeAreaA01tbodytd首页A01区

5、域内容的样式，这个区域将继承table.HomeAreaA01定义的样式table.HomeAreaA01tfoottd首页A01区域链接的样式，这个区域将继承table.HomeAreaA01定义的样式功能模块CSS样式：table.votetheadtd网站调查标题样式（其它区域以此类推）table.votetbodytd网站调查内容样式（其它区域以此类推）table.VoteResulttd网站调查结果页面样式table.userlogintheadtd会员登陆标题样式table.userlogintbodytd会员登陆内容样式tabl

6、e.userlogininput.button会员登陆模块按钮样式,继承.button样式（其它区域按钮以此类推）table.userlogininput.text会员登陆表格文本样式,继承.tetx样式（其它区域文本以此类推）table.websittheadtd推荐网站标题样式table.websittbodytd推荐网站内容样式table.sitelinktheadtd友情链接标题样式table.sitelinktbodytd友情链接内容样式table.searchtheadtd站内搜索标题table.searchsiteinput.t

7、ext搜索文字框样式table.searchsiteinput.button搜索按钮样式信息反馈CSS样式：table.Comment评论样式table.Commenttextarea提交“评论内容”框的样式table.Commentinput评论页面按钮table.Feedback在线反馈样式table.Feedbacktextarea在线反馈内容提交框的样式table.Feedbackinput.text在线反馈"标题"样式table.Feedbackselect在线反馈"类别"样式table.Feedbackinput在线反馈输入框样式

8、首页、内容页CSS样式：table.user1导航栏1，继承table.user样式table.mainmenu导航栏1，继承table.user1样式table.