动易系统CSS风格样式3D模型盒和定义规范.docVIP

动易系统CSS风格样式3D模型盒和定义规范对于刚开始接触网页设计的朋友来说，对模板设计中的版式模板和风格模板这二个概念相对有些难以理解些。版式模板可以通过象DW这样的软件来可视化制作，风格模板如何和版式模板相结合则需要从思维上重新审视与理解。 　　这篇文章的部分内容已在“动易起航”教室进行了讲解，您可以在“动易起航”入门系列培训课程表中下载“动易系统CSS风格样式3D模型盒”一课的录像。本文会对制作动易模板的朋友以一些启示，对网页设计中CSS定义以3D模型盒的方式进行示例，希望能对您理解动易系统的模板设计原理有些启示。 　　为了叙述方便，文章分成以下几个部分进行讲解，您点击本页面左上方的分页标题可快速查找您想查看的章节内容：　　·CSS定义的划分及命名规范　　·CSS定义的模型示例　　·CSS定义的运用示例　　·CSS定义的分类与注释　　·组件中存在但风格中未定义的CSS 　　动易系统自4.×版本开始，版式模板与风格模板开始紧密结合，并考虑到对今后一些基本界面定义修改的方便，对默认的风格进行了运用定义的预设。 　　系统提供默认的风格模板定义，可查阅网站后台默认的风格设置的“风格配色设置”。系统默认提供的CSS样式风格定义，里面有详细的定义注释，注释标记为：/* */。 　　在系统中，CSS样式风格定义是可以自己自由定义的，也说是说您可以自由添加N多个自定义的风格，然后在各频道的版式模板中调用即可。修改风格设置必须具备一定网页css样式设计知识，建议您找些这方面的书看一下。在定义中不能使用单引号或双引号，否则会容易造成程序错误。 　　现对一些定义进行说明： 一、CSS定义的划分及命名规范 1、按位置命名　　网站风格整体通用的命名规则以网页顶部、中部、底部三个大区块位置及其内部位置进行划分与命名，如： ·网页顶部定义的样式命名为：top_***； ·网页中部定义的样式命名为：center_***； ·网页底部定义的样式命名为：bottom_***； 在网页中部定义中，按其位置划分为左、中、右三个区块：·网页中部左侧运用的样式命名为：left_***；·网页中部中间运用的样式命名为：main_***；·网页中部右侧运用的样式命名为：right_***；…… 2、按使用范围命名　　在各区块内，则按其使用范围进行命名，如： 三大区块整体定义：.top_tdbgall.center_tdbgall?.bottom_tdbgall?备注：本定义一般用于控制顶部、中部、底部表格的宽度、背景色、两侧连线的定义样式 网页顶部（top）中的CSS定义： 网页顶部通用定义：.top_tdbgall?　　/*?顶部表格总背景颜色定义?*/ { width:?760;background:#ffffff; } 网页顶部中的CSS定义：.top_top　　　　　　/* 顶部间隔表格定义 */.top_Channel?　 　　/* 频道表格背景、文字颜色定义? */.top_Announce　　　/* 公告表格背景、文字颜色定义? */.top_nav_menu　　　/* 导航栏表格背景、文字颜色定义? */.top_Path?　　　　　/* 您现在的位置表格背景、文字颜色定义 */.top_UserLogin　　　/* 顶部用户登录文字链接的CSS定义 */ 网页中部（center）的CSS定义： 网页中部通用定义：.center_tdbgall?　　/*?中部表格总背景颜色定义?*/ { background:#ffffff; } 网页中部左栏的CSS定义：.left_tdbgall　　?/*?左栏表格总背景颜色定义?*/ .left_title?　　　/*?左栏标题表格背景、文字颜色定义?*/ .left_tdbg1?　　/*?左栏内容表格背景、文字颜色定义?*/ .left_tdbg2?　　/*?左栏底部表格背景、文字颜色定义?*/ 网页中部右栏的CSS定义：.right_title　　?/*?左栏标题表格背景、文字颜色定义?*/ …… 　　/* --网页中部中栏的CSS定义开始-- */ 网页中部中栏的CSS定义：.main_tdbgall?　　　/*?中栏表格总背景颜色定义?*/ .main_shadow?　　　/*?中栏内容间隔表格背景颜色定义(575)?*/ .main_announce?　　/*?中栏公告表格背景、文字颜色定义?*/ .main_Search?　　　/*?中栏搜索表格背景、文字颜色定义?*/ .main_top?　　　　/*?中栏最新推荐表格背景颜色定义?*/ .main_title_760i　　?/*?网